This article will show you how to add your Google AdWords Conversion Label and ID to your website.
1) Log into your Google Adwords account and view your conversions:
2) Add a new conversion;
3) Select Website:
4) Select ‘Purchase’ as the category and give your conversion a name, then select ‘Use different values for each conversion’
5) Choose ‘Every’ as the count and then click the ‘Create and Continue’ button
6) On the next screen, choose ‘Install the tag yourself
7) Next you need to ensure that the global site tag is installed on your website and select the relevant option for your site. If you already have the global site tag added to your site from another Google product such as Google Analytics, then you will just need to add a short line of code to the end of the global site tag, otherwise you will need to add in the complete global site tag that is provided.
8) The ‘Event Snippet’ section is the final part of the setup and does require a little bit of modifying the code provided by Google. The code provided will look something like this:
<!– Event snippet for Booking conversion page –>
<script>
gtag('event', 'conversion', {
'send_to': 'AW-8758XXX/LluGCJi4mrXXXXoz6ED',
'value': 1.0,
'currency': 'GBP',
'transaction_id': ”
});
</script>
You will need to copy all the code between the <script> and </script> tags and paste it into a special function that the Bookalet widgets call when a booking has been made:
<script>
function bookalet_bookingMade(data) {
}
</script>
So your script will now look like this:
<script>
function bookalet_bookingMade(data) {
gtag('event', 'conversion', {
'send_to': 'AW-8758XXX/LluGCJi4mrXXXXoz6ED',
'value': 1.0,
'currency': 'GBP',
'transaction_id': ”
});
}
</script>
Then the next thing to do is add in the value of the booking, so you will need to replace the value of 1.0 with data[‘total’], and add the booking reference into the transaction id value, so your final script will look like this:
<script>
function bookalet_bookingMade(data) {
gtag('event', 'conversion', {
'send_to': 'AW-8758XXX/LluGCJi4mrXXXXoz6ED',
'value': data['total'],
'currency': 'GBP',
'transaction_id': data['ref']
});
}
</script>
This script then needs to be placed onto the page that contains your Bookalet booking widget and the configuration is complete.