Difference between revisions of "Google Cross Domain Tracking"

From Beds24 Wiki
Jump to navigation Jump to search
 
(12 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
  This page explains how to use cross domain tracking with Google when using the booking page under your own domain.  
 
  This page explains how to use cross domain tracking with Google when using the booking page under your own domain.  
  
−
 
+
__TOC__
  
  
Line 17: Line 17:
 
*In Add New Account set:
 
*In Add New Account set:
  
−
-Account Name: example: Beds24
+
Account Name: example: Beds24
  
−
-Country: Germany (example)
+
Country: Germany (example)
  
 
Under Container Set up add:
 
Under Container Set up add:
  
−
-Container Name:Example: www.Beds24.com
+
Container Name:Example: www.Beds24.com
  
 
*Target Platform: Choose Web
 
*Target Platform: Choose Web
 
*Click on Create.
 
*Click on Create.
  
−
Agree the Terms of Use of Google
+
*Agree the Terms of Use of Google
 +
 
 +
 
 +
 
 +
[[image:Googletagmanager1.jpg|700px|link=]]
 +
[[Media:Googletagmanager1.jpg|view large]]
 +
 
 +
= Beds24 Setup =
 +
 
 +
*Go to (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS under Advanced HTML Settings in Insert in HTML <HEAD>
 +
*Add the Code
 +
 
 +
Example code:
 +
 
 +
<code><!-- Google Tag Manager -->
 +
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 +
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
 +
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 +
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 +
})(window,document,'script','dataLayer','GTM-123456');</script>
 +
<!-- End Google Tag Manager --></code>
 +
 
 +
*Additionally, paste this code immediately after the opening <body> tag. You can add it in any field in Source code in (SETTINGS) SETTINGS > BOOKING ENGINE > BOOKING PAGE > CONTENT
 +
 
 +
Example Code:
 +
 
 +
<code><!-- Google Tag Manager (noscript) -->
 +
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-123456"
 +
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 +
<!-- End Google Tag Manager (noscript) --></code>
 +
 
 +
<div class="warning">{{#fas:exclamation-triangle}} The codes provided here are only examples. Don´t use them in your page!</div>
 +
 
 +
= Google Tag Manager dashboard =
 +
 
 +
*On the Workspace Overview screen, click New Tag:
 +
 
 +
 
 +
[[image:Googletagmanager2.jpg|700px|link=]]
 +
[[Media:Googletagmanager2.jpg|view large]]
 +
 
 +
 
 +
 
 +
*Click Tag Configuration and choose Universal Analytics:
 +
 
 +
[[image:Googletagmanager3.jpg|700px|link=]]
 +
[[Media:Googletagmanager3.jpg|view large]]
  
 +
[[image:Googletagmanager4.jpg|700px|link=]]
 +
[[Media:Googletagmanager4.jpg|view large]]
  
  
−
[[image:GTM_CreateNewAccount|700px|link=]]
+
*Select Pageview as the Track Type.
−
[[Media:GTM_CreateNewAccount|view large]]
+
*Create a new Google Analytics Settings Variable
 +
*Enter your Tracking ID: Example: UA-12345678-9
 +
*Click More Settings -> Cross Domain Tracking
  
−
*Copy the two code snippets to the header and body of our website according to google instructions.
+
*Under Auto Link Domains enter "Beds24.com" and click Save
 +
*Click Triggering
  
−
[[image:GTM_CopyCodeSnippets.gif|700px|link=]]
+
[[image:Googletagmanager5.jpg|700px|link=]]
−
[[Media:GTM_CopyCodeSnippets.gif|view large]]
+
[[Media:Googletagmanager5.jpg|view large]]
  
−
'''Step 2: xxx'''
+
*Choose All Pages (or appropriate choice for your setup)
−
*xxx
+
*Click Save, Submit and Publish

Latest revision as of 13:36, 15 September 2022


Cross Domain Tracking 
This page explains how to use cross domain tracking with Google when using the booking page under your own domain.


1 Setup

Step 1: Create an Account at TagManager

  • In Add New Account set:

Account Name: example: Beds24

Country: Germany (example)

Under Container Set up add:

Container Name:Example: www.Beds24.com

  • Target Platform: Choose Web
  • Click on Create.
  • Agree the Terms of Use of Google


Googletagmanager1.jpg view large

2 Beds24 Setup

  • Go to (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS under Advanced HTML Settings in Insert in HTML <HEAD>
  • Add the Code

Example code:

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:;j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-123456');</script>

  • Additionally, paste this code immediately after the opening <body> tag. You can add it in any field in Source code in (SETTINGS) SETTINGS > BOOKING ENGINE > BOOKING PAGE > CONTENT

Example Code:

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-123456" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

The codes provided here are only examples. Don´t use them in your page!

3 Google Tag Manager dashboard

  • On the Workspace Overview screen, click New Tag:


Googletagmanager2.jpg view large


  • Click Tag Configuration and choose Universal Analytics:

Googletagmanager3.jpg view large

Googletagmanager4.jpg view large


  • Select Pageview as the Track Type.
  • Create a new Google Analytics Settings Variable
  • Enter your Tracking ID: Example: UA-12345678-9
  • Click More Settings -> Cross Domain Tracking
  • Under Auto Link Domains enter "Beds24.com" and click Save
  • Click Triggering

Googletagmanager5.jpg view large

  • Choose All Pages (or appropriate choice for your setup)
  • Click Save, Submit and Publish
Retrieved from "https://wiki.beds24.com/index.php?title=Google_Cross_Domain_Tracking&oldid=22796"