How to Install Google Tag Manager to your Shopify store

How to Install Google Tag Manager to your Shopify store

Hi guys, this tutorial is all about how to install Google tag manager onto your Shopify website in under five minutes. Let’s go. So the first thing you want to do is you want to log into your tag manager account and you click this section here and then it installs a tag. So you just need to copy the tag here for the head section.

 

 

So then we come over to our Shopify site and as you can see here, we’ve got the online store section and then the themes. So you click the themes and it brings you to this page. Then you click on the actions here and then you click edit code.

Don’t be scared. This is actually quite easy. It’s asking me if I want to save the previous changes. No, I don’t. So here we go. It’s opening up. Now, one short in this section of editing the code. You want to click this theme dot liquid file, and it brings you to this page here. Now, as you can see, this is the head section.

So I like to put it below this section here. So online 10, if there’s a gap, if there’s not, you can press enter and it will create a gap for you. So with that being said, I’ve already copied this code. So I’ve copied it. And I came back to here and just pasted in there. Now you can see that it’s pasted in here and it’s ready to go. Now, the second one that we need to do is the body tag. So we copied this body tag, and then we come back over to the website and scroll down until you can see the opening body tag. Okay.

That’s the closing body. This is the closing head. So this is the opening body tag. Okay. So you can put it anywhere in this section. Uh, let’s just do it from a closed section. That’s closed there. So let’s just put it here. So if there’s a line there, you can just add it into that gap there. And then basically what you need to do is click save. Okay. Now, when that saves, I’ll just hide this it’s saved. You can come back to your tag manager and you click, okay, now you tag managers, fantastic. You can grab your Google analytics or Google ads.

You can create everything within the Google tag manager. So it limits the amount of code that’s on your website, which keeps it faster, which is awesome for SEO and a page speed in particular. So Google is not scanning your site reading so much code is actually just seeing this snippet, these snippets are intelligent and enough to be able to track everything that you need to do. Track conversions on ads, track, page visits, everything that you want to track. So with that being said, you can create a new tag and you can add a Google Analytics tag or anything that you want. But in this case, we have, um, we’ve got no workspace changes.

So the first thing you want to do is you want to create a workspace change. Now, I like to just say, this is like the first or initial, And basically you just published that. So the first thing it should do is just publish one workspace change with no description. It’s completely fine. Okay.

Now go back to the workspace here. Sorry. I went back too far. There’s the website there that I’m using and you can preview this now. Okay.

So what it wants you to do is it wants you to add your website URL To that. That’s a bit wrong. So what you need to do is you need to add your website URL into this section, with the HTTPS that’s important. Um, and when you click connect. Now it’s connecting. And as you can see, it comes through to the website, which has fantastic tags connected, and I’ll close this. Perfect. There we go. So that’s how you let’s continue here.

And basically, that’s what it shows has happened on your website. And it’s saying that it’s found other containers, um, that I actually didn’t set up. So this is a previous version of something. Yeah. So legacy tag is detected. So what I can do is I can go through and I can clean up all of that extra code that was previously on this website and I can create my own containers, but now that that’s set up and perfectly, I can stop debugging. Okay. It’s completely set up, perfectly click into this section and we get back to our tag manager here. And while it’s done, I hope you found this video information. Now. I hope you found this video informative. Now, if you’d like more videos like this, please let me know in the comments. And if you did find it informative, then please like, and subscribe.

Leave a Comment

Your email address will not be published.

Request your audit. We will check and get back to you!

We are here to help! Make the first step to improve your project by reaching out today.