Can anyone assist with the process for GTM installation? Again from a non-technical background which is likely why I’m hung up. I’m following this documentation: https://docs.growthbook.io/guide/google-tag-manager-and-growthbook Where I’m hung up is what the SDK initialization code should look like for me using GA4 (specifically regarding user IDs). I’m not confident in my ability to merge code and while thorough, this resource isn’t catering much to someone like me. 1. I know the default custom HTML for my tag will be the following: <script> (function() { // Wait for the SDK to load before starting GrowthBook if (window.growthbook) { startGrowthbook(); } else { document.querySelector(“#growthbook-sdk”).addEventListener(“load”, startGrowthbook); } function startGrowthbook() { if (!window.growthbook) return; var gb = new growthbook.GrowthBook({ apiHost: “https://cdn.growthbook.io”, clientKey: “sdk-abcd1234", // TODO: Add decryptionKey if using encryption attributes: { id: “u1234” // TODO: Read user/device id from a cookie/datalayer }, trackingCallback: function(experiment, result) { // TODO: track experiment impression } }); // TODO: Instrument DOM with AB test logic gb.loadFeatures().then(function() { // NOTE: We may wish to remove

gb.loadFeatures()

and instead manually implement experiment logic }); } })(); </script> clientKey will be updated with my own, apiHost already matches my own When referencing the user id for GA4, I apparently need to “nest the SDK instantiation inside your gtag callback function”. (second screenshot and code posted below): gtag(‘get’, ‘G-XXXXXX’, ‘client_id’, function(cid) { var gb = new growthbook.GrowthBook({ apiHost: “https://cdn.growthbook.io”, clientKey: “sdk-abcd1234", attributes: { id: cid }, // etc... }); // TODO: Instrument DOM with AB test logic }); So I am understanding this as I need to alter the first code based on the fact that I’m using GA4, and of course also switch out my measurement ID in addition to the clientKey. Is that correct? Could someone assist me on what the final code would look like if it’s just one snippet for my custom HTML tag in GTM? Thanks a ton! p.s. bonus question: What’s the ideal trigger to use? I have window loaded selected currently since that should in theory ensure GA4 fires first on initialization.

Hi Giorgio, we can definitely help with this! Your request is on my list for Wednesday and I'll follow up as soon as I can.

Thank you August! I’m making good progress on other elements of the setup this week 🙂

hi Giorgio

Hey Graham, I see you got my message! Yes one moment

okay

Would this be the correct way to adapt the initialization code since I’m using GA4 connected to bigquery? <script> (function() { // Function to start GrowthBook after SDK is loaded function startGrowthbook() { if (window.growthbook) { // Get GA4 client ID gtag(‘get’, ‘G-XXXXXXX’, ‘client_id’, function(cid) { // Initialize GrowthBook with GA4 client ID window.growthbook = new GrowthBook({ apiKey: “YOUR_API_KEY”, attributes: { id: cid }, // ... additional configuration }); // Load features and run experiments window.growthbook.loadFeatures().then(function() { // ... implement experiment logic }); }); } } // Wait for the SDK to load before starting GrowthBook if (window.growthbook) { startGrowthbook(); } else { document.querySelector(“#growthbook-sdk”).addEventListener(“load”, startGrowthbook); } })(); </script>

pretty close

Yes, I’m aware I’ll need to upgrade plans at that point but that’s the use-case for me at this time. It took about 8 attempts with GPT4 prompts to get that code so but I’m glad to get your validation on it.

that would be very helpful

I haven’t published the container yet but i have window loaded as the trigger on that tag currently

loaded would work - but may cause unnecessary flashing. The way you have it now it shouldn’t matter which is loaded first. Doing it on Page View may be faster

GA4 fires on Initialization. I could in theory use that trigger type here too and add a tag sequencing rule for to wait for the google tag to fire. But there’s no documentation around triggers in detail so I wasn’t sure the best route. I was going to go yolo, but I know that can be risky whenever javascript is involved. They don’t really have a development environment

I dont think it will be catastrophic - may just throw some JS errors

I’ll make sure to get the closest thing to all hands on deck upon publishing

ideaily, yes, you want the script import to go first

Thanks for your help Graham. I’ll coordinate with my backup to publish this tomorrow.

so there are two events that have to happen for GrowthBook as configured to work correctly - GA4 has to load (to get the client ID) and GrowthBook has to work so that the new growthbook line works

if you have any suggestion, I’m happy to implement whatever code you provide. Again, I’m way outside of my technical knowledge here and relying heavily on AI to get this far. Here’s the raw code: <script> (function() { // Function that starts GrowthBook with the GA4 client ID function startGrowthbookWithClientId(clientId) { var gb = new growthbook.GrowthBook({ apiHost: “https://cdn.growthbook.io”, clientKey: “XXX”, attributes: { id: clientId }, trackingCallback: function(experiment, result) { // Tracking experiment impressions in GA4 gtag(“event”, “experiment_viewed”, { event_category: “experiment”, experiment_id: experiment.key, variation_id: result.variationId, // Add other parameters as needed }); } }); // Instrument DOM with AB test logic, if needed gb.loadFeatures().then(function() { // Implementation details for feature flagging }); } // Check if GrowthBook SDK is loaded, then retrieve GA4 client ID and start GrowthBook if(window.growthbook) { // If GrowthBook is already defined, retrieve the GA4 client ID and start GrowthBook gtag(‘get’, ‘G-XXX’, ‘client_id’, function(cid) { startGrowthbookWithClientId(cid); }); } else { // If GrowthBook is not defined, wait for it to load then retrieve the GA4 client ID and start GrowthBook document.querySelector(“#growthbook-sdk”).addEventListener(“load”, function() { gtag(‘get’, ‘G-XXX’, ‘client_id’, function(cid) { startGrowthbookWithClientId(cid); }); }); } })(); </script>

taking a look

Thank you!