DialogShift Tracking Pixel
DialogShift Tracking Pixel
Implementation guidelines for the DialogShift Tracking Pixel on the booking confirmation page.
The raw version:
<img href="https://ibe.prod.co25.net/pixel?clientid=${clientid}&conversionType=${conversionType}&amount=${amount}¤cy=${currency}&rooms=${rooms}&nights=${nights}">
Parameters:
clientid | (mandatory) Client ID provided by DialogShift |
conversionType | (mandatory) During beta period always ibe |
amount | (mandatory) Numeric amount without thousands separators (e.g. 234,56 ) |
currency | (mandatory) Currency code in ISO 4217 (e.g. EUR ) |
rooms | (optional) Number of rooms booked (integer) |
nights | (optional) Number of nights booked (integer) |
url | (optional) Host and URL of IBE page |
custid | (optional) custid is provided as a GET parameter in the redirect to the booking engine. Send back this value for increased accuracy. |
Google Tag Manager (GTM) Example integration
Prerequisite: Clientid provided by DialogShift in this example is pro123
Prerequisite: A working E-Commerce tracking with GTM/GA & Data Layer
Add this snippet as a “Custom HTML” tag and trigger it on the booking confirmation page.
Example:
<script>var pixel = document.createElement("img"); pixel.src = "https://ibe.prod.co25.net/pixel?clientid=pro123&conversionType=ibe&amount={{TotalCost}}¤cy={{SelectedCurrCode}}&rooms={{RmQty}}&nights={{nights}}"; pixel.style = "display: none;"; document.body.appendChild(pixel);</script>
IBE integration - Server Side Rendering (PHP, Python, Ruby on Rails):
Replace the '${VARIABLE}' with the corresponding variables from your system.
<script> var pixel = document.createElement("img"); pixel.src = "https://ibe.prod.co25.net/pixel?clientid=${clientid}&conversionType=ibe&amount=${amount}¤cy=${currency}&rooms=${rooms}&nights=${nights}"; pixel.style = "display: none;"; document.body.appendChild(pixel); </script>
IBE Integration - JavaScript Rendering
Add the tracking pixel via JavaScript using booking values from the IBE namespace.
Example:
<script> var pixel = document.createElement("img"); pixel.src = "https://ibe.prod.co25.net/pixel?clientid=${clientid}&conversionType=ibe&amount=${amount}¤cy=${currency}&rooms=${rooms}&nights=${nights}"; pixel.style = "display: none;";document.body.appendChild(pixel);</script>