1. Help Center
  2. Marketing & Growth

How to Add Google Tag Manager and Meta Pixel Tracking to Your Rex Dashboard

A step-by-step guide to integrating Google Tag Manager and Meta Pixel tracking across your Rex dashboard for analytics and conversion tracking.


Here’s a comprehensive support article explaining how to set up Google Tag Manager and Meta (Facebook) Pixel tracking on your app.reservewithrex.com dashboard using the Settings > Integrations section.

🧠 How to Add Google Tag Manager and Meta Pixel Tracking to Your Rex Dashboard

To integrate advanced marketing and analytics tracking with your Rex booking flow, you can easily add your Google Tag Manager and Meta Pixel scripts to the appropriate sections in your admin dashboard.

This guide explains what each script section is for and where to place your tracking snippets. Replace placeholder IDs like GTM-XXXXXX or 68404114555656 with your actual tracking IDs.


πŸ”§ Accessing Script Settings

  1. Log in to your admin dashboard at app.reservewithrex.com.

  2. Navigate to Settings from the left-hand sidebar.

  3. Click the Integrations tab at the top.

  4. On the right, you’ll see input sections labeled:

    • Header Scripts

    • Body Scripts

    • Confirmation Page Scripts

    • Event Inquiry Scripts 


🏷️ Section Breakdown & Sample Scripts


1. Header Scripts – Loaded on Every Page (Top of HTML)

Used to initialize libraries like Google Tag Manager (GTM) or Meta Pixel early in the page lifecycle.

πŸ“Œ Example: Google Tag Manager

<!-- 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-XXXXXX');
</script>
<!-- End Google Tag Manager -->

πŸ“Œ Example: Meta (Facebook) Pixel

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '68404114555656'); // <-- Replace with your Pixel ID
fbq('track', 'PageView');
</script>
<!-- End Facebook Pixel Code -->

2. Body Scripts – Non-JavaScript Fallbacks (Mid-body)

For users who don’t run JavaScript, add <noscript> fallback trackers here.

πŸ“Œ Google Tag Manager Noscript

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

πŸ“Œ Meta Pixel Noscript (optional)

<!-- Meta Pixel (noscript) -->
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=68404114555656&ev=PageView&noscript=1"/>
</noscript>

3. Confirmation Page Scripts – Fires After a Reservation Is Completed

Used for conversion events like Purchase or reservationCompleted.

πŸ“Œ Google Tag Manager Event Push (Reservation & Purchase)

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'Purchase',
'value': window.rex.analytics.total.price,
'packageName': window.rex.analytics.package.name
});
</script>

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'reservationCompleted',
});
</script>

πŸ“Œ Meta Purchase Event

<!-- Meta Purchase Event Code -->
<script>
fbq('track', 'Purchase', {
currency: 'USD',
value: 90.0 // Replace with dynamic or estimated value
});
</script>

4. Event Inquiry Script – (Optional Section)

This is typically used to track form submissions or quote requests. Place specific tracking events here such as:

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'eventInquirySubmitted',
'eventType': 'inquiry'
});
</script>

βœ… Final Tips

  • Always Save Changes after pasting scripts in each section.

  • Only insert one GTM or Pixel ID per client setup to avoid conflicts.

  • If using both GTM and Meta, you can fire the Facebook Purchase event from within GTM instead.