The Missing Manual: Connecting Shopify to TAGGRS Server-Side Tracking

If you are following the standard documentation for setting up Server-Side Tracking with TAGGRS, you might have noticed a gap.

Setting up the Google Tag Manager (GTM) Server container itself is straightforward—the official TAGGRS templates work great, and there are plenty of tutorials for that part. This guide assumes your Server Container is already created, your tags are configured, and you are ready to go.

The real confusion happens inside Shopify.

Shopify’s architecture has changed. You can no longer just paste a single script into your theme code and call it a day. Today, you need to build two separate “bridges” to handle the full customer journey: one for the storefront and one for the secure checkout.

Here is the exact step-by-step workflow to connect Shopify to TAGGRS correctly without losing data.


Phase 1: The App Configuration

First, we need to open the communication line between your store and your TAGGRS server.

  1. Install the App: Download the TAGGRS app from the Shopify App Store.
  2. Initial Settings:
    • Google Tag Manager Code: Enter your WEB container ID (starts with GTM-).
    • Subdomain: Enter your custom tracking domain (e.g., ss.yourdomain.com).
    • Note: If you haven't set up a custom domain in TAGGRS yet, you can use the default URL provided by the app to get started.

Phase 2: The “Two-Step” Connection (The Tricky Bit)

This is where most setups fail. To track a user from their first visit all the way to the “Thank You” page, you must enable both of the following features.

Step 1: The Storefront Bridge (App Embed)

This handles standard pages like your Homepage, Collections, and Products. It injects the TAGGRS script into your theme.

  1. In your Shopify Admin, go to Online Store > Themes > Customize.
  2. Click the App Embeds icon (usually the third icon down on the left sidebar).
  3. Find TAGGRS in the list.
  4. Toggle the switch to ON.
  5. Click Save in the top right.

Step 2: The Checkout Bridge (Custom Pixel)

Here is the catch: The “App Embed” from Step 1 stops working the moment a user enters the secure checkout. To track the actual purchase, you must use Shopify's “Custom Pixel” feature.

  1. Go back to the TAGGRS App dashboard in Shopify.
  2. Look for the section labeled “Customer Events” or “Step 3” and copy the code block provided.
  3. In Shopify Admin, go to Settings (bottom left) > Customer events.
  4. Click Add custom pixel and name it TAGGRS-Server-Side.
  5. Delete any default code in the box and paste the script you just copied.
  6. Click Save.
  7. Crucial: Click the Connect button at the bottom to activate it.

Verification: Go back to the TAGGRS app and hit “Check setup.” If you did both steps above, you should see green success lights!


Phase 3: The Final Handshake

Now that Shopify is sending data, you just need to make sure your Server is awake to receive it.

  1. Publish Your Server Container:
    • Even if your GTM Server container is fresh/empty, you must click Submit and Publish.
    • Why? If the container is in “Draft” mode, it will reject the connection from Shopify (often showing a “400 Bad Request” error). Publishing wakes it up.
  2. Add Your Platform Keys:
    • In your Server Container variables, ensure you have pasted your real Facebook Pixel ID and API Access Token.
    • Publish the container one last time to save those changes.

🎁 Stuck on the setup?

If you’d rather skip the technical headache entirely, I can handle this for you.

I offer a completely FREE setup service for Shopify store owners. I will configure the App, the DNS, the Custom Pixels, and the Server Container for you personally to ensure your data is flowing perfectly.

The catch? You have to sign up via my link, and I'll create the container in my account so that I get a commission from it.

Fill in the form below to get in touch.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *