GTM implementation and tracking of below listed events with sample code snippet.
Event |
Tag |
Login |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_account-login'});</script> |
Sign Up |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_account-signup'});</script> |
Reset Password |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_account-reset'});</script> |
Package Purchase |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'transactionProducts': [{'sku': '[Package SKU]','name': '[Package Name]','category': '[Package Category]','price': [Package Price],'quantity': 1}]});</script> |
Class Booking |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_class-booking'});</script> |
Type |
Item |
Script |
CTA Button |
"Login or Sign up" |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_button-loginorsignup'});</script> |
CTA Button |
"Login" |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_button-login'});</script> |
CTA Button |
"Sign up" |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_button-signup'});</script> |
Sign Up Form |
Form Open |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_signup-1'});</script> |
Sign Up Form |
Submit - Page 1 |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_signup-2'});</script> |
Sign Up Form |
Submit - Page 2 |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_signup-3'});</script> |
Sign Up Form |
Submit - Page 3 |
<script>window.dataLayer = window.dataLayer || [];window.dataLayer.push({'event': 'hapana_signup-4'});</script> |