DOM Events - How it works

Poptin has different DOM Events that are automatically fired on different actions on your popups and forms. You can use tools such as Google Tag Manager to listen for the automatically fired DOM events and capture the data.

poptinView : This event is fired when a poptin / form is viewed
poptinClose : This event is fired when a poptin is closed either from the X button or from the Close button
poptinSubmit : This event is fired when a poptin / form is submitted either from the Submit button or a Link button with "Count as Conversion" checked in poptin dashboard
couponCopy : This event is fired when a coupon button is clicked

Event Attribute	Purpose of Event
detail.poptin_id	Unique Popup/Form ID
detail.poptin_name	Name of the Popup/Form as in Poptin Dashboard
detail.poptin_target	Possible values: lead/click /social_proof
detail.poptin_type	Popup Type e.g Bar, Sidebar, Lightbox, Mobile, FullScreen
detail.account_id	Poptin User Account ID
detail.event_name	poptinView / poptinClose / poptinSubmit / couponCopy
detail.button_text	When Submit button or a Link button is clicked.
detail.coupon_code	When the Coupon Code button is clicked or the code is copied.
detail.prize_label	Prize Label - Available only in gamified popups when the user wins.
detail.shopify	When a Shopify Product Recommendation button is clicked
detail.shopify.button_text	Recommendation button's text
detail.shopify.product_url	Product's full URL with variation
detail.shopify.product_name	Product's name
detail.shopify.product_id	Product's Unique ID
detail.shopify.variant_id	Product's Unique variation ID
detail.shopify.buttons_action	Action to take when the button is clicked ( as set in Poptin Dashboard )

You can test by using a test listener just as mentioned below.

<script>

    document.addEventListener("poptinSubmit", function(event){

        console.log(event.detail);
    }, false);
</script>

If you want to create a data layer, have a look at this guide by Elad Levi >>

Updated on: 15/11/2024