facebook-pixel-and-fresh8

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
facebook-pixel-and-fresh8 [2022/11/23 14:52] evaldas-luksysfacebook-pixel-and-fresh8 [2024/04/11 12:09] (current) – [Triggers] evaldas-luksys
Line 8: Line 8:
  
 Other events are optional, but the more are added, the better result can be achieved. Other events are optional, but the more are added, the better result can be achieved.
 +
 +Please note, javascript code snippets in the screenshots were added just for display purposes. The correct code snippets are next to the screenshots and these should be pasted in Google Tag Manager.
  
 ====== Custom variables ====== ====== Custom variables ======
  
-In some code snippets we use <code>{{variable name}}</code>These variables represent data sent from our app. For instance, when user adds bet to betting slip, **addBetToBettingSlip** event is sent with some data, e.g. event UUID, market and etc... So each <code>{{variable}}</code> created represents single piece of data, which then can be used in Tags.+In some code snippets we use <code>{{variable name}}</code>These variables represent data sent from our app. For instance, when user adds bet to betting slip, **gtm-addBetToBettingSlip** event is sent with some data, e.g. event UUID, market and etc... So each <code>{{variable}}</code> created represents single piece of data, which then can be used in Tags
 + 
 +For custom variable list please read Custom variables section.
  
 ====== Triggers ====== ====== Triggers ======
 Some of the Tags are using triggers. Trigger is basically and event sent from our app. We need to create a trigger for each event, and then those triggers are assigned to Tags. Some of the Tags are using triggers. Trigger is basically and event sent from our app. We need to create a trigger for each event, and then those triggers are assigned to Tags.
 +
 +For trigger list please read triggers section.
  
 ====== GTM Tags ====== ====== GTM Tags ======
Line 65: Line 71:
   var url = 'https://pixel.fresh8.co/' + operatorID + '/' + eventIDS[0] + '?type=ViewContent'   var url = 'https://pixel.fresh8.co/' + operatorID + '/' + eventIDS[0] + '?type=ViewContent'
   var ids = new Request(url);   var ids = new Request(url);
-    fetch(ids).then(function(res) {+    fetch(ids) 
 +      .then(function(res) {
         return res.json();         return res.json();
-    }).then(function(data) { +      }).then(function(data) { 
-    fbq('track', 'ViewContent', { content_type: 'product', content_ids: data, content_name: {{Content name}} }); +        fbq('track', 'ViewContent', { 
-  });+          content_type: 'product', 
 +          content_ids: data, 
 +          content_name: {{Content name}} 
 +        }); 
 +      }) 
 +       // When user uses ad blocker, request throws unhandled error. Catch prevents this.  
 +      .catch(function() {});
 </script> </script>
 </code> </code>
Line 79: Line 92:
 <code> <code>
 <script type='text/javascript'> <script type='text/javascript'>
-  <script type='text/javascript'> 
   var operatorID = {{Fresh8 operatorID}}   var operatorID = {{Fresh8 operatorID}}
   var eventIDS = {{Event UUIDS}}   var eventIDS = {{Event UUIDS}}
Line 102: Line 114:
       // When user uses ad blocker, request throws unhandled error. Catch prevents this.        // When user uses ad blocker, request throws unhandled error. Catch prevents this. 
       }).catch(function() {});       }).catch(function() {});
-</script> 
 </script> </script>
 </code> </code>
Line 118: Line 129:
  
 {{:online:meta-pixel-fresh8:fb_pixel_lead_tag.jpg|}} {{:online:meta-pixel-fresh8:fb_pixel_lead_tag.jpg|}}
 +
 +Code snippet below. Please replace currency 'EUR' with your currency symbol.
  
 <code> <code>
 <script> <script>
 fbq("track", "Lead", { fbq("track", "Lead", {
-  currency: {{Currency}},+  currency: 'EUR',
   value: 0,   value: 0,
   external_id: {{user ID}},   external_id: {{user ID}},
Line 128: Line 141:
 </script> </script>
 </code> </code>
- 
 ==== Purchase ==== ==== Purchase ====
  
 {{:online:meta-pixel-fresh8:fb_pixel_slip_buy_tag.jpg|}} {{:online:meta-pixel-fresh8:fb_pixel_slip_buy_tag.jpg|}}
 +
 +Please replace currency with your own.
  
 <code> <code>
Line 140: Line 154:
   var url = 'https://pixel.fresh8.co/' + operatorID + '/' + eventIDSAsString + '?type=Purchase'   var url = 'https://pixel.fresh8.co/' + operatorID + '/' + eventIDSAsString + '?type=Purchase'
   var ids = new Request(url);   var ids = new Request(url);
-    fetch(ids).then(function(res) {+    fetch(ids) 
 +      .then(function(res) {
         return res.json();         return res.json();
-    }).then(function(data) { +      }).then(function(data) { 
-      fbq('track', 'purchase', {+        fbq('track', 'purchase', {
         content_type: 'product',         content_type: 'product',
         content_ids: data,         content_ids: data,
-        currency: {{Currency}},+        currency: 'EUR',
         value: {{Amount}}         value: {{Amount}}
-      }); +        }); 
-  });+      }) 
 +      // When user uses ad blocker, request throws unhandled error. Catch prevents this.  
 +      .catch(function() {});
 </script> </script>
 </code> </code>
Line 166: Line 183:
  
 {{:online:meta-pixel-fresh8:fb_pixel_complete_registration.jpg|}} {{:online:meta-pixel-fresh8:fb_pixel_complete_registration.jpg|}}
 +
 +Please replace currency with your own.
  
 <code> <code>
 <script> <script>
   fbq("track", "CompleteRegistration", {   fbq("track", "CompleteRegistration", {
-    currency: {{Currency}},+    currency: 'EUR',
     external_id: {{user ID}},     external_id: {{user ID}},
     value: {{Amount}}      value: {{Amount}} 
Line 180: Line 199:
  
 {{:online:meta-pixel-fresh8:fb_pixel_subscribe_tag.jpg|}} {{:online:meta-pixel-fresh8:fb_pixel_subscribe_tag.jpg|}}
 +
 +Please replace currency with your own.
  
 <code> <code>
Line 185: Line 206:
   fbq("trackCustom", "Subscribe", {   fbq("trackCustom", "Subscribe", {
     value: {{Amount}},     value: {{Amount}},
-    currency: {{Currency}},+    currency: 'EUR',
     external_id: {{user ID}}     external_id: {{user ID}}
   });   });
Line 212: Line 233:
 {{:online:meta-pixel-fresh8:custom_variable_market.jpg|}} {{:online:meta-pixel-fresh8:custom_variable_market.jpg|}}
  
-==== {{Currency}} ==== 
-{{:online:meta-pixel-fresh8:custom_variable_currency.jpg|}} 
  
 ==== {{user ID}} ==== ==== {{user ID}} ====
Line 220: Line 239:
 ==== {{Amount}} ==== ==== {{Amount}} ====
 {{:online:meta-pixel-fresh8:custom_variable_amount.jpg|}} {{:online:meta-pixel-fresh8:custom_variable_amount.jpg|}}
 +
 +==== {{depositsCount}} ====
 +{{:online:meta-pixel-fresh8:custom_variable_deposits_count.jpg|}}
 +
 +==== More information about other possible data layer variables can be found here ====
 +https://wiki.advbet.com/admin/online-platform-cms/google-events#events-and-their-data
  
  
 ====== Triggers ====== ====== Triggers ======
  
 +Bare in mind, that event names in the screenshots might be out of date. For up to date event names please visit this page: https://wiki.advbet.com/admin/online-platform-cms/google-events?s[]=google&s[]=tag&s[]=manager#events-and-their-data-gtm
 ==== Pageview ==== ==== Pageview ====
  
Line 249: Line 275:
  
 {{:online:meta-pixel-fresh8:subsequent_deposit_success_trigger.jpg|}} {{:online:meta-pixel-fresh8:subsequent_deposit_success_trigger.jpg|}}
 +
 +==== Add to slip event ====
 +
 +{{:online:meta-pixel-fresh8:add_to_slip_trigger.jpg|}}
  • facebook-pixel-and-fresh8.1669215156.txt.gz
  • Last modified: 2022/11/23 14:52
  • by evaldas-luksys