Is there a way to set up google analytics in the Octorate booking widget on our website? Also, is there any way we can change the design and info in the Octorate widget?

Hi Timothy,

In this article you will find the answer to this questions:

Advanced Tracking of conversions 📊 Discover the new Google analitycs 4

Google has communicated the migration from universal analytics to the new Google Analytics 4 for tracking conversions that take place within your website.

In order to keep track of the conversions of the new GA4 with your booking engine, you need to follow the steps that you will find in this article.

Let's see together  how to set these values.

Go in Booking engine > add ons

You will not need to set anything in the Google Analytics section:

In the HTML Head section you will need to enter these values:

<script async src="https://www.googletagmanager.com/gtag/js?id='G-XXXXXXXXX"></script>5;

<script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-XXXXXXXXX', { 'groups': 'GA4' });// Google Analytics 4 property

</script>

👉 Remember to change the value G-XXXXXXXXX with your ID Analitycs 4

In section Conversion page you will need to set the following values: 

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX"></script>8;

<script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-XXXXXXXXX', { 'groups': 'GA4' }); // Google Analytics 4 property

});

</script>

Still in the conversion page section, you will need to insert a second script, separate from the previous one:

<script type="text/javascript">

gtag('event', 'purchase', {

                send_to: ['G-XXXXXXXXX'],

                transaction_id: octorateReservation.refer,

                value: octorateReservation.total6,

                currency: octorateReservation.currency,

                   items: [{

                            item_id: octorateReservation.rooms[0].id,

                            item_name: octorateReservation.rooms[0].name,

                            price: octorateReservation.rooms[0].total,

                            quantity: octorateReservation.rooms[0].quantity

                            }]

                          });

</script>If your "event" was named with a name other than "purchase", you will need to replace the word "purchase" with the name of the event you created.

Measure e-commerce

If you have followed all the steps correctly, you will now be able to check all the details of the transactions received directly on Google Analytics 4.

To do this, open GA4 and follow the path Reports > Monetization

Within the Overview section you will be able to monitor all the total revenue received, the average revenue generated from purchases per user and the total number of users who have booked in a given period of time.

If you want to investigate the data in even more detail, go down one item and select the E-commerce Purchases section.

Here, you can monitor in detail all the types of rooms sold, the quantity, and how much those rooms have generated in terms of turnover.

This way you will have a clearer perspective on the performance of your business.