Difference between revisions of "Google Cross Domain Tracking"

From Beds24 Wiki
Jump to navigation Jump to search
 
(17 intermediate revisions by 3 users 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__
  
  
 +
= Setup =
 +
'''Step 1: Create an Account at TagManager'''
 +
 +
*Go to google tag manager https://tagmanager.google.com/?hl=en#/admin/accounts/create and create an account.
 +
 +
*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
 +
 +
 +
 +
[[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]]
 +
 +
 +
*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
  
−
= Setup =
+
*Under Auto Link Domains enter "Beds24.com" and click Save
−
'''Step 1: xxx''
+
*Click Triggering
−
*xxx
 
  
 +
[[image:Googletagmanager5.jpg|700px|link=]]
 +
[[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"