gatsby-plugin-google-analytics + Shopify - Conversions not working

Question

I have a Gatsby site sourcing from Shopify, and I'm having a hard time getting the Acquisition Conversions working.

My guess is that when they go to the Checkout page, since it's on Shopify's domain, it sees that as Direct traffic.

My current configuration is:

{
  resolve: `gatsby-plugin-google-analytics`,
  options: {
    trackingId: "...",
    head: true,
    anonymize: false,
    respectDNT: false,
    allowLinker: true,
  },
},

I just added that allowLinker in to test today. Is there anything else I'm missing? I'm not too familiar with analytics I'm just a humble javascript farmer.

Thank you

Ferran Buireu Ferran Buireu · Accepted Answer · 2020-12-01T19:27:43

Google Analytics recently changed their API to version 4 and upon other things, they changed the way the tracking identifier is set to the page. I suppose that the plugins will migrate soon to that changes but in the meantime, this is the only plugin available that works with that new API version: gatsby-plugin-google-gtag. So:

// In your gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-google-gtag`,
      options: {
        // You can add multiple tracking ids and a pageview event will be fired for all of them.
        trackingIds: [
          "GA-TRACKING_ID", // Google Analytics / GA
          "AW-CONVERSION_ID", // Google Ads / Adwords / AW
          "DC-FLOODIGHT_ID", // Marketing Platform advertising products (Display & Video 360, Search Ads 360, and Campaign Manager)
        ],
        // This object gets passed directly to the gtag config command
        // This config will be shared across all trackingIds
        gtagConfig: {
          optimize_id: "OPT_CONTAINER_ID",
          anonymize_ip: true,
          cookie_expires: 0,
        },
        // This object is used for configuration specific to this plugin
        pluginConfig: {
          // Puts tracking script in the head instead of the body
          head: false,
          // Setting this parameter is also optional
          respectDNT: true,
          // Avoids sending pageview hits from custom paths
          exclude: ["/preview/**", "/do-not-track/me/too/"],
        },
      },
    },
  ],
}

All the above parameters are optional, just omit them and replace the GA-TRACKING_ID for your real identifier.

gatsby-plugin-google-analytics + Shopify - Conversions not working

1 Answers