How to Install the Twitter Universal Website Tag with Google Tag Manager

The Twitter Universal Website tag provides Twitter Conversion Tracking and Twitter Retargeting conveniently through one Tag. If you have Google Tag Manager installed you can now easily implement it. In this video, learn how you can set up Twitter tag properly and also define your audience and conversion tracking.

🔗 Links:

Twitters ads – https://ads.twitter.com/login

Twitters offical documentation – https://business.twitter.com/en/solutions/twitter-ads/website-clicks/set-up-conversion-tracking.html

Google Tag Manager – https://tagmanager.google.com

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

Twitter has their own tag, the Twitter universal website tag. And in this video, I’m going to show you how you can install it via Google Tag Manager. Now, my name is Julian and you’re watching measureschool.

All right, today our journey starts in our demo shop where we already have Google Tag Manager installed. And we now want to add to this our Twitter ads tracking. So obviously, you would need to have a Twitter account, we have one here at measureschool. So follow if you want to stay up to date with everything that we do. And connected to this account is our Twitter ads account. Now, just like in Facebook, you can get your Twitter pixel by going to tools and then conversion tracking. And here we have our universal website tag that needs to be installed. And you can view the code instructions right here. Here’s the code that we need to install through Google Tag Manager. But really all that we need is this little part of our Twitter universal website tag which will identify us to Twitter. So let’s copy that and go over to Google Tag Manager. And here we’re going to create a new tag. This will be our Twitter ads tag. It’s our universal tag which we’re going to deploy on all pages.

As a tag configuration, we can choose a template here from Twitter, which is already in the system to the universal website tag. And we put in our pixel ID which was these few characters from our pixel. Now, we can select different events. But since we are the deploying on all our pages, just go with page view and not put in anything specific right here. Let’s choose our trigger, which is all pages trigger, and save this.

Refresh our preview in debug mode, go back to our page, refresh that.

And we can see we have our Twitter ads universal pixel for tag deployed. Now there is actually a Chrome extension that you can install in order to check whether this was fired correctly. And this is what I have installed here, the Twitter pixel helper. And it shows us that the Twitter pixel has fired successfully. Unfortunately, there is no way in Twitter to see any kind of debug information or if this pixel was sent over correctly, at least not in real time. What you would need to do is either set up a new conversion event with the universal website tag in order to see if conversions are tracked correctly. And you can specify like in the Facebook pixel, as well, if you want to filter this down to an exact URL. Or you would need to actually set up an audience. Again, you will need to utilize the website visitor collection tag here, which is based on the universal website tag which we have just installed. And deploy this on the page and then see whether data is coming through. But this can take a while till the audience needs to be populated by your website tag. So no real way to verify this within Twitter ads directly. Our best bet is to utilize our Twitter pixel helper. Now that we have verified this, at least with the pixel helper and our debug console; let’s go ahead and actually publish a version by going back into our Google Tag Manager account, clicking on Submit and giving our version of name.

And then publishing this so it goes live to our users.

All right, so there you have it. This is how you can install the Twitter universal website tag onto your website with the help of Google Tag Manager. Now you saw a little more options within the Google Tag Manager interface on how you can configure this tag. I will just leave it up to you to try this out and build your conversions for your audiences of this pixel. I’d love to hear from you if you want to have a closer description on this whole feature of how to track conversions. And let me know in the comments down below and we could do another tutorial on it. Otherwise, why not give us a thumbs up if you liked this video and also subscribe to our channel right over there because we bring you new videos just like this one every week. Now my name is Julian till next time.

SHOW MORE...

How to install the LinkedIn Insight Tag with Google Tag Manager

LinkedIn Insight tag can help you track your conversion, website demographics and retargeting for your LinkedIn ad campaigns. With the help of Google Tag Manager, let’s go through the easy steps on how you can properly add this tracking code snippet to your website.

🔗 Links:

Google Tag Manager https://tagmanager.google.com

LinkedIn Campaign Manager https://www.linkedin.com/ad-beta/login

LinkedIn Insights Tag Documentation https://www.linkedin.com/help/lms/answer/65521/the-linkedin-insight-tag-frequently-asked-questions?lang=en

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

Google has their Gtag. Facebook has their pixel and LinkedIn as their Insights tag. Today, I’m going to show you how you can install this via Google Tag Manager onto your website. My name is Julian, and this is another episode of measureschool.

All right, welcome back to our demo shop where we want to install our LinkedIn tracking. Now, to do this, we need to have Google Tag Manager already set up. So this is the case on this page, we are in the preview mode. So Google Tag Manager is installed correctly. And you will need to have a LinkedIn account that you can connect to your ads. By the way, we also have a measureschool LinkedIn page that you can follow to stay up to date with what we do here. But inside of your Linkedin account, you can go over to this work tab here, go to advertise. And this will put you into the LinkedIn campaign manager. So here we have our demo shop account which we have already set up and we’re going to go ahead and click on account assets up here to install our insight tag. The first thing that you should do here is to add your domain. Now I’ve already done this, as you can see here, this is important. So we’ll be able to later check if our tag is working correctly. Now let’s go ahead and click on this manage insight tag to see our actual tag. And if you click on this first point, I will install the tag myself we get our code that needs to be deployed. Now, all we need from this code is actually this number right here. So I’m going to copy this. Unfortunately, we can’t copy the number. So I’m just going to go ahead and open up the developer tools. Here we have our console, just going to paste this in here, just so I can copy out this number that we would need. Close this again and go over to Google Tag Manager. In order to install the Facebook inside tag, we just go to new tag gives us a proper name.

And in the tag configurations, we already have a tag template available to search for it. And here we go. We have our LinkedIn Insight tag. And all we need to do is input the partner ID. Now there are some more settings here. But we can safely ignore them as we don’t want to customize our tracking in any way. And all we need to do now is to deploy our tags on all pages. LinkedIn insights tag will provide us with information about page views. Will also let us retarget and to conversion tracking. So let’s see if it works by refreshing our page in the preview and debug mode, going back to our page right here. And we can see our LinkedIn insights tag already fired. Now there is no tag extension that we can install in order to see if LinkedIn is working correctly. So we need to trust our Google Tag Manager console down here that it deployed correctly. The ultimate test would obviously be inside of our LinkedIn campaign manager if we see that there would be a signal that it was sent. Unfortunately, this takes a while. So we’ll be able to test this right now. Depending on your website traffic, as it says here, up to 24 hours. So you might want to check back later if there has been a signal received by LinkedIn. With that in place, we can go ahead and now deploy our tracking to all our website users by going to the submit button, entering a version name.

And publishing this to all our users. So it goes live on our website. And this way, we have installed the LinkedIn insight tag via Google Tag Manager on to our website. Now, what if you would like to install conversion tracking for your LinkedIn ads campaigns. This is also something that’s possible. Let’s go over here to conversions. And we can create a conversion by entering our conversion name, for example, the thank you the purchase of a product, let’s call this purchase.

And entering our settings, we choose a type here, for example, purchase. And we can estimate a conversion value that we want to enter. Now, unfortunately, we will not be able to port this over dynamically. So you could put an average value in here or nothing at all if you don’t want to put in a value, that’s fine as well. You can then choose the attribution window, select the campaign that you want to attach this to I don’t have a campaign set up right now. And then define whether you want to set this up through the insight tag, which is already installed on our page. Or want to deploy a specific pixel that fires when the user tags this specific action. If you go with the first option is pretty easy. But you can only track if somebody views a page. So for example here, we have ecommerce store. So I’m just going to go through a conversion really quickly.

And we get to our order receipt page, somebody has bought something. So this is the URL that we could now utilize in order to tell our linked and campaign manager that we want to count it as a conversion. So for example, we can choose different methods here, have the URLs that contain a specific text in our case, would be auto receives because the other parts will change over time. So order receipts would be fine. And we can create a conversion. So every time a user clicks on an ad, then converts gets to that page, it will be counted as a conversion. If you want to be a little bit more specific and use the capabilities of Google Tag Manager, we can obviously also utilize the event-specific methods. So let’s go ahead and set up a second conversion here, which will be again, a purchase, which leave everything untouched. But this time, we want to install an event-specific pixel. And this will give us an image tag.

Now we’re going to copy this, just be aware that this image tag is specific to the conversion that we set up. So if you want to be in any kind of way dynamic, you won’t be able to do this. This will only count a conversion for this one that we have set up right here. And what do we do with this code? In Google Tag Manager, we can go ahead and add a new tag. And this tag, this time is not a LinkedIn insights tag. And unfortunately, there’s also no specific event specific pixel that we can use for LinkedIn. So we will go with the option of the custom image tag right here. And we simply enter the image URL. Now, we don’t need this whole HTML that is around the actual URL of our image. So we’re going to get rid of that, which starts right here after the source attribute, let’s get rid of that. And in the end, we also get rid of the HTML here. So this part would be our image URL that we want to fire when the user succeeds. If we wanted to recreate exactly what we have right here, can look into our preview mode. And we see there’s a custom event here called GTMForWP.ordercompleted, this is custom to my website because I have set up the Google Tag Manager for WordPress plugin. And based on that, I can build a custom trigger. So I’m going to build a new trigger that will fire on a custom event, which is this GTMForWP.ordercompleted, let me just see the exact event name right here. I’m going to copy that. And as the trigger configurations, I’m going to choose the custom event. And he going to put in GTMForWP.ordercompleted. Now, this is just an example, it might be that you want to for example, use a button click as a conversion goal or a form submit, then you would obviously need to change this trigger around. Let’s get this whole tag a name. This is still our LinkedIn tag. This time, it’s an event-specific tab for our purchase. Let’s save this and refresh and go back to our page, Now, we will need to go through a conversion again.

And here we go. We get to the order receive page. And we see our LinkedIn event purchase pixel has now fired it’s a custom image tag. And that sends the information over to LinkedIn. Again, you need to be patient here in order to see data showing up. Especially the conversion tracking only works when you actually have clicked on a LinkedIn ad, and then went through and purchase the product. So that’s the only reliable way to ensure that this is actually working correctly. So since we only can see this in our preview mode, we would actually need to deploy it to all our users by again submitting a new version, publishing this and now goes live on our website.

All right, so there you have it. This is how you can install the LinkedIn ads insights tag. I need to get used to the names of so onto your website with the help of Google Tag Manager. It’s such a pity that we aren’t able to put in dynamic values such as our conversion value into this tag so Linkedin would actually pick that up and put it into our reporting. What do you think? Let me know in the comments down below. And as always, if you liked this video, then why not give us a thumbs up and also subscribe to our channel right over there because we bring you new videos just like this one every week. Now my name is Julian till next time.

SHOW MORE...

How to use a dataLayer variable to pull data from the GTM dataLayer [Quick Tip]

If you have GTM dataLayer on your website you can extract data from it and make it available in a Variable in Google Tag Manager.
In this video, let’s look out how we can utilize the data layer variable to pull out values from a data layer by knowing the key and the nested values.

🔗 Links:

DataLayer: https://support.google.com/tagmanager/answer/6164391?hl=en

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

Hey, there measure geeks. Julian here. Back with another quick tip video. Today, we want to talk about how you can pull out data from the data layer variable. Now, if you’re familiar with data layers, you know, you can push them in the background of a page and they look a little bit something like this in terms of the code so the user wouldn’t see a data layer push actually happening. But this data is now available within the data layer which is Google Tag Manager’s central repository of structured data. And we can send information into the data layer by different methods. Once they are in the data layer, you should be able to see that information in different ways. So for example, if you have the preview and debug mode open if you go to the data layer, you should see the information that was pushed into the data layer here under the data layer tab. You should also be able to see a push, depending on how it was pushed in the developer tools under elements.

Let’s look here for data layer, we have different data layers here. And here we go. This is the formation that we pushed earlier on this page. Actually, it’s here. And so you should also be able to see it in the console. If you simply type in data capital layer. In here, we open up the data layer array. And here we have our different objects. Now each object has key and then value pairs. So you always have this pair of a key, which in this case, would be event. And the value, in this case, would be blog post view. Now what if you wanted to pull out one or the other value from the data layer and make it available to your tags or your triggers, you would need to utilize a data layer variable. For that, you will need to know the key in order to pull out the value in our case it would be the author, and we should be able to pull out the value of admin. So let’s go over to Google Tag Manager on the variables, we simply going to build a new data layer variable, I’m going to name this with pretending DMV, and then my data layer would be for the author.

And now I’m going to go into the configurations and choose data layer variable. And here I will put in the data layer variable key. It actually says name here. But I find this a little bit confusing. I would rather remember this as key. And this key needs to be corresponding to whatever we have in the data layer as this first key that is tied to our value. So in our case, it would be author. And we can put in different configurations. You don’t really need to care about those unless you have a specific reason for it. Let’s go ahead and save and try this all up. We’re just going to refresh our previous debug mode, and then go back to our page. Reload that. And now under variables, we should be able to see our key. Now it’s always important variables are resolved based on these events. And the events are really like little checkpoints that you have on the page. So if you want to utilize your variable, your author variable upon page view, you would see that this is still undefined. On the second event here, we would see that now the dlv author is actually filled and it will stay filled unless it’s overwritten by the later events.

So if you would like to use this later in a trigger or a tag, be sure to fire it on the right event. So your data layer variable gets filled. Now it’s as easy as that, you will just need to know the right key, and then input that in your data layer variable to pull data out. But not all the data layers look like this. This is a pretty flat data layer. So you will just have a key and then a value. But you can actually nest these data layers within each other. So here we for example, have the GTM key which holds an object and I can see this in these curly brackets. And within this object, there is another key value pair. You might be familiar with a data layer that comes from an order received page, for example. Here we have the enhanced ecommerce tracking data layer. And this is pretty nested already. So we have our data layer object of first one, then we have within that our data layer ecommerce within ecommerce. Within that we have another data layer object, and then we have different keys. And within that, again, data layer object. A little bit hard to read within the preview and debug mode. So let’s open up our JavaScript console here.

And I’m going to look into the data layer by simply inputting again data layer, so we have four objects right now. And we want to look at this ecommerce which is up here. So we have this triangle which we can click on to open up. And here we can see the nesting pretty well at work. We have an ecommerce data layer object and we can open that up. We have within that a currency code and a purchase. Within the purchase, we have an action field within the actual field, we have, for example, the order ID in this case, it would be 309. If we wanted to pull out this 309, it would not be enough to just know the key here, the ID. We would actually need to utilize a special notation which is the dot notation. In order for Google Tag Manager to go down the tree and find the ID within our object. What would this dot notation look like? Or if you hover over it, you already see here, ecommerce purchase action field ID. And in between those days I was a dot. And this is exactly what we would need to write into our data layer variable if you wanted to pull out the order ID. So let’s try this out. Let’s go over two variables and build a new data layer variable for order ID.

And we go again to data layer variable. And we’ll start out with our first object here which was ecommerce. And I will separate this with a dot further into this ecommerce object, which the next object would be purchase. dot and here again, action field. And here we get to our ID. So we’ll put this one in here as well.

Let’s test this all out, Save and refresh, I’m going to reload this page, unfortunately, I will need to go through another another order right here. And here we go get to the next order receipt page. And if I click on the right event here, let’s go with the page view and I go to variables, you should be able to see now our dlv order ID was filled with our 315, which should be our new order ID that we can see right here. So it pulled out the right ID by using the dot notation to get into the nested values of this data layer object. Now, there is one last specialty about these nested object you might encounter that you want to pull out a value from a key pair that is actually inside of an array. What is an array? In JavaScript terms, it’s simply a list that is marked by these square brackets. So depending on how many products I bought here, so we have exactly two products, we should have a list of two products with some information in there. And here we go. If we had three products bought or have four products bought, this list would obviously get longer.

Now, you will need to tell Google Tag Manager explicitly that you want to pull data from the first product or the second product. So for example, if you wanted to get the product price here, we would need to access this array. And this would be done again with the dot notation. But this time, we will use numbers in order to find the right member of this array. Let’s try this first out in inside of our developer tools. Under console, I’m going to put in data layer again and go to our ecommerce object. We’re going to click once and then purchase, then we get to product. And here you can already see this special notation here. If I click on those, we have these numbers up here zero and one. And this is how our area is actually counted the first numbers zero, the second number is one. So if I wanted to get the product price for this first product, I would need to use the dot notation with zero and then our price key. So let’s try this out. Go again into our data layer variables, create a new one, product price of product number one and go with the data layer variable. Put in the same thing again, it begins with ecommerce dot purchase dot product this time.

And then as with the dot notation, we’re going to go into the first product which is zero and get to our price. See if I didn’t make any mistake, that should do it. Yes, save this and refresh. And I’m going to go through another order here.

And we get to our order receipt page. Our happy ninja one is the price is $35. So now if I go to the variables, if you done everything correct should see our $35 right here. It pulled it out out of the data layer for this first product. Obviously, you will need to repeat this for your different other products if you want to pull out the price of those. And that’s already with our little quick tip video. You now know how to utilize data layer variable to pull out values from a data layer by simply knowing about the key and then the nested values that might be within the data layer and how to structure your key in order to find the right product within a nested data layer.

Hey there it’s me again. Thanks for checking out our quick the video. Was that helpful? Did you understand something not quite? Then I’d love to hear from you in the comments down below. But if you liked it, then why not give us a thumbs up and subscribe to our channel right over there because we bring you new videos just like this one every week. Now my name is Julian, til next time

SHOW MORE...

How to Scrape Data Using Chrome Dev Tools and GTM [Quick Tip]

Chrome Developer Tools have several uses. In this quick video, let’s go through the steps on how you can utilize the Chrome dev tools to build a custom JavaScript variable that can pull out any value from the document object model.

Use .innerHTML to get the inside of the DOM node

Full code template for the custom JS variable

function(){
return document.querySelector(“CHROMEDEVTOOLS”).innerHTML
}

🔗 Links:

Chrome Developer Tools https://developers.google.com/web/tools/chrome-devtools/

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

Hey, there measuregeeks! Julian here back with another quick tip video. Today, we want to talk about how we can utilize the Chrome dev tools to build a custom JavaScript variable that can pull out any value from the document object model. So for example, if I wanted to pull out this product name here, how could I transfer this into Google Tag Manager? Now, the obvious way is to utilize a data layer. This is the most reliable and standard way to send data into Google Tag Manager. But if you don’t have a developer at hand, or can install a data layer, you might want to utilize the scraping method. And this is the method of pulling out values directly from the document object model. And this comes with some downsides. Because if the site changes in any way, your variables and with that the data might not work anymore, and it’s not as consistent. So just be aware once you utilize this method and no of the downside.

So how can we pull this in with the help of the Chrome Dev Tools? Simply go to the element that you want to pull in, we have the inspect button on the right click that you can click. It will open up the developer tools in the elements pane. Now, here we have the element that we have selected. If you right click on this title, we can go to copy and click on copy JS path. Once we have clicked on JS path, we can go over to console and try this all out. What this will do and I’ve just pasted it in, it will give us a document query selector. And here we have the selector that should pull in the title right here. So if you click enter, you see that we now have this whole element that this JavaScript command pulls it. Now, what we want to get from this is actually the name here in between. And we can append a simple dot inner HTML to get what is in between the HTML tags. This is what we want to pull into Google Tag Manager. But before we go the next step, actually want to go to another page here and try this command out again. I’m just going to click the up arrow to get the last command back and press ENTER again, and we get an error. And this is probably because our query selector so what the tools have selected here is too specific to the page that we had earlier, and it cannot pull out the next product name. And this is probably because there is a product ID of 73 defined here. What we can do is to get rid of this 73 part.

Press Enter again. And here we go, we have now our Ninja. Let’s go on to the next page, see if we can get the right product in there. So it’s very important to test your scraping methods with different use cases. So you know that they work correctly. So here we go, we should be able to reliably pull this out, even if we have different other products in front of us. So now we can go ahead and copy this command right here and go over to Google Tag Manager and build a new custom JavaScript variable. This will be your custom JavaScript variable for our product title. And we’re going to go ahead and utilize the custom JavaScript variable. Now, we will need to fill this with first of all an anonymous function right here with a return statement that needs to be inside. And here we can post our text that we have copied earlier. Let’s try this all out. Save this and preview.

It’s important to know that these scraping methods normally only work on the DOM ready. So once the DOM has loaded, we’ll be able to retrieve custom product title, not on the pageview. But here, it’s already alright on a pageview apparently. Let’s go over to another product.

And see here we have happy ninja. This is the product name. If we have another product here, you can see that it pulls in the right product name. So this is how you can utilize this method of right clicking and copying the JS path. You can build a custom JavaScript variable with the help of the Chrome Dev Tools and Google Tag Manager.

Hey, there it’s me again. Thanks for checking out our quick tip video. Was that helpful? Did you understand something not quite? Then I’d love to hear from you in the comments down below. But if you liked it, then why not give us a thumbs up and subscribe to our channel right over there because we bring you new videos just like this one every week. Now, my name is Julian. Til next time.

SHOW MORE...

3 ways to use the google_tag_manager JavaScript object

google_tag_manager is the magic command to access the GTM object in your JavaScript. With it you can access the internal data model GTM and access what is currently in the dataLayer through JavaScript. In this video I’m going to show 3 advanced ways how you can utilize the GTM object in your tag deployment.

Commands used:

google_tag_manager[“GTM-XXXXX”].dataLayer.get(“DLKEY”)

google_tag_manager[“GTM-XXXXX”].dataLayer.get(“gtm.element”).getAttribute(“ATTRIBUTENAME”)

google_tag_manager[“GTM-XXXXX”].dataLayer.get(“gtm.element”).matches(“CSSSELECTOR”)

🔗 Links:

Google Tag Manager’s Data Model (Simo Ahava): https://www.simoahava.com/analytics/google-tag-manager-data-model/

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

SHOW MORE...

How to install Google Tag Manager on Wix (feat. Mike Sale)

Wix is a popular website builder that makes website building easy. But what about website tracking? If you install Google Tag Manager you should be able to quickly take your tracking to the next level. In this video Mike is going to show you how to install GTM on a Wix website.

🔗 Links:

Sign up to Wix – https://www.wix.com/

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

In this video, Mike is going to show you how you can install Google Tag Manager on a Wix website. All and more coming up.

Hello there. Welcome back to another video of measureschool.com teaching you the data-driven way of digital marketing. My name is Julian. But today we have Mike Sale from michaelsale.com on this channel to show us how we can install Google Tag Manager on to a Wix website. Now spoiler alert, you will need to have an upgraded account in order to do this. But if you’re serious about building your website on the Wix system then you’ve probably done this already. Now, Mike is actually gonna show us in multiple videos how you can then take the next steps of installing Google Analytics, Facebook Ads, or the tracking for Google Ads on to this account. So definitely subscribe to this channel down below because there are new videos coming out every week. Now we got lots to cover. So Mike, take it away.

Hello, Julian, thank you very much. Hi, everyone. This is Mike from Michaelsale.com. And we’re going to show you today how to install Google Tag Manager on your Wix website. So to do that, we need to validate two key prerequisites from your Wix.com account perspective. So you need to go into your site dashboard, and validate that you have a plan here a premium plan, or basically a plan that does not say free, if it says free. Under this location, you’re going to need to upgrade your plan. It can be the smallest lowest that you could possibly have. But it just needs to be not free. The other one is that you need to have your domain connected. Your domain is your website address like for example, Michaelsale.com, or in this case, Michael.sale, it will handle anything in terms of domains, like for example, that .com .net, .gov, .org,

all those will work just fine. Once those two prerequisites within Wix are met, you need to go to tagmanager.Google.com. In TagManager.Google.com will require that you actually have a Google account, that Google account will be used to login and create a business account or a company account within Google Tag Manager. So to do that, we’re going to go ahead and click Create Account. And this is where I’m going to put in my company name.

And then I’m going to go ahead and create a container, that container is your site. In this case, it’s going to be Michael.sale, right? And what kind of container will you need for your Wix website? Well, guess what? It’s a web container, no big shocks there. Let’s go ahead and make sure that we select web container. And that will now allow us to create both our account that’s our company, as well as our container which is our website.

We now have to go ahead and select the terms of service agreement.

And now Google tells us that we need to install Google Tag Manager by copying and pasting in some code into our website. Wix has a special integration just for Wix that allows you to only take the container ID and copy that.

You can also find that tag that container ID right here. And we’re going to go back over to Wix.

Now that we’ve got both our tag manager container setup and our Wix connected domain, and premium plan, we can go over to where it says marketing tools. Under marketing tools down at the bottom, you will see marketing integrations. Under marketing integrations, you’ll see Google Analytics Facebook Pixel, Google Tag Manager. Google Tag Manager allows us to manage all of these other tags and more beyond what may be set up for marketing integrations within your Wix website. So we’re going to use Google Tag Manager to do that. So we’re going to connect Google Tag Manager, as you see up in the upper right. Click that and it will ask you for your tag manager ID basically your container ID. We’re going to paste that in and hit save. Now,

our Wix website is connected to that particular container. What that means is that that snippet of code Wix is actually taken that snippet of code and put it into place for us on our Wix website.

Now, we need to validate and understand if we actually have that Tag Manager properly installed on our website. So right now this is this is the plain Jane website that I’ve set up just for this demonstration.

And we’re going to go into a special mode that allows us to see

what it would be like if we were to publish this particular setup or this initialization on our website. So to do so we’re going to go ahead and go into preview mode. Preview mode is exclusive to this particular web browser. So now what we’re going to need to do now we’re in preview mode, we’re going to go back over to our website, and we’re going to do a hard reset. So we’re going to go ahead and reload the page.

And what will pop up at the bottom here is the Tag Manager preview window. This allows us to look not just at whether or not we’ve installed Google Tag Manager. But have we set up the tags within Google Tag Manager correctly and are they firing where we expect to fire them at what events we have all that good information. So understanding this will show you that there are no tags. But we can go ahead and set that up right now in Google Tag Manager. The other way we can validate and verify this is using something called the tag assistant. This is a Google Chrome assistant, Google Chrome extension. And Google Tag assistant will actually tell you Yep, when I look at this, and this is only in the preview mode, I can actually see that this is up and running, that Tag Manager is there. And it does not currently have any tags but the Tag Manager is installed. And you can see that this is the code snippet.

And we can now go back and turn off preview mode or leave preview mode.

When we do that, what you’ll find is if you go back over to our website, and we reloaded again,

you’ll see that the Google Tag assistant first of all the window down below that tells us about what things would be like if we were to publish this container is gone. And number two, you’ll see that Google Tag Manager is there. But it is it’s it’s not quite correctly set up something’s wrong.

So we need to go over to Google Tag Manager. And we need to publish or submit our container. So now that we’ve seen it in preview mode, everything is working as we expect, we’re going to go to submit this particular container. And in this case, we’re just going to initialize the install of Google Tag Manager.

You can put anything you want here in the description of what it is. And when we hit Publish.

Now, we’ll see that we have this version that has been published. Tells you when, there are no tags installed yet. We can install tags for Google Analytics.

You can see those tags right here. Google Analytics, Google Ads, remarketing. There’s also not just google tags, but for example, the

Facebook Pixel, LinkedIn, and a variety of different tags that have nothing to do with Google whatsoever. We’re not going to do that yet. We’ll do that in a subsequent video, we just want to verify that the live version of Google Tag Manager is now running on our Wix website. So we’re going to come back over to our website, do another hard refresh. And now what you could see is the Google Chrome tag assistant is showing us that we do have the Google Tag Manager is now in a green state and is working properly.

Next, we will need to go ahead and add new tags, for example, Google Analytics. And Julian, I know that you have plenty of videos and tutorials that will help people understand how to do that. So at this point, I’m going to go ahead and hand it back off to you. Thanks, everyone, Mike from MichaelSale.com signing off. Bye.

All right, so there you have it. This is how you can install Google Tag Manager on a Wix website. Thank you, Mike for explaining this to us. And if you want to follow along with the next videos that are going to come out in the series, then definitely subscribe to our channel right over there. Now, my name is Julian. See you in the next one.

SHOW MORE...

Delay Facebook Pixel with Google Tag Manager (feat. Ahmad Kanani)

Delaying the Facebook Pixel from firing when the user enters the website will have the effect of filtering out any user who isn’t really interested in what you have to offer. We can implement such a delay with the help of Google Tag Manager. In this video we’re going to find out how.

🔗 Links:

Timer Trigger for Google Tag Manager: https://www.youtube.com/watch?v=V7gqv7ASSAE

How to Build a Scroll + Timer Trigger with Google Tag Manager https://www.youtube.com/watch?v=71pCKRouabc

Siavak – http://siavak.com/

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

In this video, Ahmad is going to show you how you can delay your Facebook pixel to build a higher quality audience in your Facebook ads. All and more coming up.

Hello there. Welcome back to another video of measureschool.com teaching you the data-driven way of digital marketing. My name is Julian. But today we have Ahmad from Siavak.com on the channel. He is the web analytics specialist there. And he’s going to show us how we can refine our Facebook audience by delaying our Facebook pixel. So in the end, we have a higher quality audience to do for example retargeting to. Now, we got lots to cover. So Ahmad take it away.

Thanks, Julian. My name is Ahmad and I’m the web analytics especially sets your work. Today I’m going to create a Facebook audience of people who have stayed at least five seconds on my webpage. The reason I’m doing that is because it gives me a better quality audience by excluding those who have clicked on a link by mistake or just closed the page immediately and didn’t have the chance to even look at the page or see the branding or see the offer on the page. We can use this audience for retargeting purposes. And hopefully we can get better results by advertising to a better quality audience.

Let’s begin by creating our base Facebook tag. For this, let’s go to tag manager and create a new custom HTML tag. I’m clicking on the tag, new, and then see HTML for custom HTML, and then Facebook based pixel. Now,

I use the custom HTML as a tag type and copy paste my code, my pixel code from Facebook to the tag itself. Now, I want the Facebook base tag to fire immediately on all pages. So I set the trigger to all pages and safety Facebook base pixel. That was easy was it. Let’s preview the tag and see how it actually performs on our website.

Now, Google Tag Manager is in preview mode. And we can go back to our website and refresh the page. As you can see, our custom HTML Facebook based pixel has fired one time. And here in my Facebook pixel helper, I can also see that the page view of its my pixel has been fired.

Now, let’s create a custom some events for this Facebook pixel that fires five seconds after the page load. For this, let’s go to Google Tag Manager. And first of all create a trigger. We want to create a trigger that fires five seconds after the page load. Luckily for us, there is a built in trigger inside Google Tag Manager which is a timer trigger. We can choose the trigger type as timer, put the interval, which is 5000 milliseconds which is equals five seconds, and then limit it to fire only once. If we put 10 here, this trigger fires every five seconds for 10 times, but we only needed to fire once. Now, we need to set the conditions for this trigger. We want this trigger to fire on all pages. That’s why I’m going to set whenever the page path matches regular expression.star. And .star in regular expression means basically everything. Okay, so this time a trigger fires just once after five seconds on all pages.

Let’s give it a name, timer five seconds and save it. Now, we have our timer. Let’s go to tag and create a tag that fires the Facebook event. Tags a new tag. Again, this is a custom HTML tag for Facebook and it fires after five seconds.

For the tag configuration, we choose the custom HTML tag type. And here we need to type exactly like this. First of all, because it’s a piece of JavaScript, and then fbq track custom because it’s a custom event that we’ve created. It’s not one of the standard Facebook events. And we can name it whatever we want. In this case, let’s use five seconds, so we can identify in Facebook ads interface. Now, we’re going to link this tag to the trigger that we’ve just built. So this piece of code fires five seconds after each page load. Let’s save it.

And let’s preview our container. We can either hit preview button here, or hit refresh while we’re on the preview mode. Now, let’s go back to the website and refresh the page.

As you can see, we only have the Facebook base pixel. And then just after five seconds, this new tag fires. If we look at the page view, we can see that the base pixel and these other tag they fired on the page view but five seconds after that GTM timer has fired and with that our five seconds tag has fired. If you check the Facebook pixel however, we can also see that page view has fired and also our five seconds new event.

Now that we have created our events and pixel base pixel, and we are seeing that they are firing and Facebook pixel helper is showing that they’re firing. We also need to go to Facebook to ensure that Facebook is receiving these events. Now here in Facebook events manager, I’m in the test Events tab. Okay. And as you can see, it’s receiving activity, it’s receiving page views. And it’s also receiving five seconds events. If I clear the activity and refresh this page again, and come back here. We can see in real time that first it received the page view. And after five seconds, it receives our five seconds event. Ok.

Now, the final piece that we need to ensure is to come to Google Tag Manager. And for our Facebook base pixel said something names tag firing proceed because we always want our base pixel which contains the initiation part of the Facebook pixel to happen before any other events that we send afterwards. We need to click on Advanced setting and give a higher number like 10 to detect firing priority and then saved the tag.

Any tag with higher priority fires before any other tag with lower priority. So in this case, our base pixel always fires before our event because this is just a piece of code that needs the initiation pixel to be there in order to perform.

Now that we have our tag and triggers set up properly, we can go back to our Facebook Ads Manager within the Facebook pixel interface and create create audiences.

We choose the accounts, we choose the pixel. And then we can choose to create an audience of people who have stayed for more than five seconds for at least five seconds. And then we can set for how many days do we want this audience go. So the people who have stayed for five years seconds in the last seven days. You can give the audience a name and save it.

That’s it. Now it’s time for you to go and try it out yourself. Thank you for watching. Bye.

All right, so there you have it. This is how you can delay your Facebook pixel to in the end build a higher quality audience. Now if you liked this video, then definitely give us a thumbs up and also subscribe to our channel right over there because we bring you new videos just like this one every week. Now, my name is Julian til next time.

SHOW MORE...

Cross-Domain Tracking with Google Tag Manager

Cross Domain Tracking for Google Analytics needs to be installed if you have two separate domains you want to connect to one Google Analytics account. We will utilize GTM to install this on our website and test if it’s working.

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

SHOW MORE...

Google Ads Website Call Conversion Tracking with GTM

Call Extensions are extra snippets you can add to your paid Google Ads to display a phone number directly on the ad. But what if the user comes to the page and sees a different ad? You can use the Website Call Conversion Tracking feature to automatically change around the number on your website so it displays the number the user saw on the ad and that way transfer conversion information to Google Ads. In this video, I’m going to show you how to accomplish this with GTM.

🔗 Links:

Google Help: https://support.google.com/google-ads/answer/6095882?co=ADWORDS.IsAWNCustomer%3Dfalse&hl=en

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

In this video, I’m going to show you how you can install the call conversion tracking feature of Google Ads onto your website with the help of Google Tag Manager. All and more coming up.

Hey, there measure geeks, Julian here back with another video for you guys. On this channel, we do all about data analytics and marketing. So if you haven’t yet, consider subscribing down below. Today, we want to talk about the call conversion tracking feature of Google Ads and how to install this on to our website. Now, what is this called conversion tracking feature? If you have a search result, just like on a search result in Google on your mobile phone, you might notice that there’s a phone number that you can actually click and then are connected to the advertiser directly. But what if the user clicks on the search result then goes to the website and you have a different phone number displayed there, but Google Ads gives us a call conversion tracking code for our website that can change this dynamically. So it mimics whatever is on the ad, we just have to install it. And today, I’m going to show you how to do this with the help of Google Tag Manager. So fire up your Google Tag Manager and your ads account. And we’re going to get started right now.

Welcome back to our demo shop on this demo shop, I have installed a phone number right here that can be called by our customers. And if the customer actually goes through Google AdWords and comes to the page, he might have seen an ad just like this one, where there is a call extension feature. So the user can click on this button and then be connected with us right away, these features can be installed, they are not available for every country. But if you go into your Google Ads account on the ad extensions, you can look, if you are able to install them right here, you can create a call extension, this will give you a number by Google, which will then connect right to your phone.

And if the user calls through Google while he’s still on Google, this can be counted as a conversion. Now obviously, if the user clicks on the ad itself and comes to our page, he will be greeted with a completely different version of the number. And this is where Google AdWords wouldn’t be able to count this to a converted user. But luckily, they gave us a tracking code that we can install that mimics whatever number is called right here and ports that over to the number and replace actually the number right here. So we will be able to still track conversions in Google AdWords. So let’s install this with the help of Google Tag Manager. First of all, what you would need is to have a call extension already running, then you can go ahead and go to Tools up here. And under conversions, we can set up a call conversion. So go to the plus button. And we already greeted with a tracking field for phone calls. And then we have three options here. And we will go with the option to track calls that actually happened on our website. So right here we gonna go with continue.

And we can give this all a name. We can choose a category lead is fine with me. But you might want to change this based on your website. We can assign our conversion of value, I won’t do this for now. And decide if you want to count every call that comes from a user or count the user as converted one time, I will go with every. And then there are other configurations such as when you want to count a user has converted. If the call length is longer than 60 seconds to conversion window is 30 days, and choose whether you want to include this in conversions. And also, you can choose the attribution modeling here. Don’t worry, you can always change them later on if you choose so. Let’s go ahead and create and continue. And then it will ask us how do we want to install us in our case, we want to install with Google Tag Manager. And it will give us a conversion ID and the conversion label. Now, in order to install this, we need to install a new tag that’s called Google Ads conversion tracking which is actually not quite right anymore because they already have a new tag template, which we’ll gonna use. And then also make sure you have the conversion linker tag enabled on your page. So let’s go ahead and set this up. We’ll go over to Google Tag Manager. And here we’re going to go with a new tag that we want to install. And this will be our Google Ads

Call extension tag. We’re going to find this on all pages as our phone number is on all pages of our website. But you might want to restrict this, if you just have the phone number on a certain page. Now as a tag configuration, we’re not choosing the Google Ads conversion tracking, but rather the call tracking which is a new template, which is a little bit down the page here. If you can’t find it just like me, then you might want to utilize the search functionality up here. But here we go. It’s a Google Ads calls for website conversion. This is we’re going to use and then we need to enter the phone number that is displayed on our website. And this needs to be exact because the script will actually look through the website and try to find these numbers and then replace them.

So we’re going to copy this and put us in right here. Then we need a conversion ID and the conversion label which we have right here. So let’s copy this and set up the trigger which is simplicity all pages trigger. We’ll save this. And before we test this, we’re also going to configure our conversion linker tag for Google Ads.

This tag will also be deployed on all pages, as it’s a tag to ensure that our information when the user comes from Google is correctly written to the cookie. So here we go, we already have the conversion link attack. If you have cross-domain tracking, you might want to enable this but in most cases, you will need us and we can go ahead and simply triggers on all pages. Simple as that. Now, let’s go into our preview and debug mode which will put our browser into a special mode. And if you go back to our page and reload it.

We can now see our Google Ads call extension and our conversion linker has been deployed correctly. If you have the tag assistant by Google installed, you’ll also see a new tag website called metrics. This should be deployed. Now in order to test this correctly and see if data is received in your tool, you will actually need to click on an ad and see if the phone number changes. But there’s also another trick to see if this actually works. And this is by entering a piece of code at your URL which is the hash and then Google WCC debug. This will put your browser and the code will recognize this little snippet into a special mode. So when we go ahead and reload this.

And we’re going to close down our tag assistant here we should see some. Now, this sometimes doesn’t work because it’s cached. So we’re going to go to another page here. Let’s enter our code again, Google minus WCC minus debug, and reload.

And this time, here we go. We should see if we minimize this a little window here where our Google Ads website call conversion will try to replace this phone number. So we can click on force here. And we see our phone number has been replaced. So the code actually works and would change your phone number. In the instance, if somebody came through a call extension ad through Google. But again, if you want to make sure that this is working correctly, you would need to click on your own ad in order to see the phone number being replaced. Now that we have these two tags installed, we can go ahead and submit a version and publish this to a version that all our users will now be tracked. And this is how you can install call conversion tracking with the help of Google Tag Manager.

Yes, that’s right. This is how you can install Google Ads call conversion tracking with the help of Google Tag Manager. If you run into any problems or if you have any questions, please give there’s a shout out down below in the comments. And if you liked this video, then we have tons more on this channel. So if you haven’t yet, consider subscribing right over there because we bring you new videos just like this one every week. Now, my name is Julian. See you in the next one.

SHOW MORE...

🔴 New GTM Feature: Trigger Groups

Trigger Groups are the newest edition to Google Tag Manager. Let’s take a look at this new feature.

🎓 Learn more from Measureschool: https://measureschool.com/products

🔀 GTM Copy Paste https://chrome.google.com/webstore/detail/gtm-copy-paste/mhhidgiahbopjapanmbflpkcecpciffa

🚀Looking to kick-start your data journey? Hire us: https://measureschool.com/services/

📚 Recommended Measure Books: https://kit.com/Measureschool/recommended-measure-books

📷 Gear we used to produce this video: https://kit.com/Measureschool/measureschool-youtube-gear

👍 FOLLOW US
Facebook: http://www.facebook.com/measureschool
Twitter: http://www.twitter.com/measureschool
LinkedIn: https://www.linkedin.com/company/measureschool

In this video, we’re going to talk about the new Google Tag Manager feature of trigger groups. All and more coming up.

Hello there measurers. Welcome back to another video of measureschool.com teaching you the data-driven way of digital marketing. My name is Julian, and today we want to talk about the new Google Tag Manager feature of trigger groups. Now, what are trigger groups exactly? It is just that a new trigger type where you can take your existing triggers and put them into a group. Now all of these triggers need to turn true for your trigger group to turn true. And if you have that attached to a tag, then new tag would fire.

This is particularly helpful if we wanted to have some kind of control structure where we pieced together our control structure from different triggers. I’m going to show you an example right now on how you can utilize this.

So let’s dive in. Here we are on our demo shop. And we have a landing page here. And on this landing page, I want to fire a tag when the user scrolls down this long landing page and actually reads it. So I would utilize a timer trigger to fire up, for example, on five-second mark.

But then also a scroll trigger to fire on the 50% mark. Now, if both of these conditions turn true previously, then I want to fire our tag. So what tag are we talking about. We are here in our Google Tag Manager account under tags, I have a GA scroll event tag. And now I need to attach a trigger to it. And if I will just take our triggers of the scroll 50% and the timer trigger 50% and attach it to the tag, these would evaluate actually or underneath each other. So that would mean that if we attached them to the tag, either, when the five second timeout would fire or the 50% mark would fire our tag would fire so it would find actually two times which is not desirable. We want to combine them and this is where these new trigger, the new trigger type of trigger groups come in.

So we go here on new, and we can choose this new trigger group right here. And let’s name this correctly. So this is a group for our scroll and our time, five second time. And we’re going to attach our existing triggers that we have the time, the trigger that have prepared beforehand, and our scroll trigger right here.

Now you can optionally put in another condition. So this would be a third condition not really a trigger, but the condition for that trigger group to put in and say that it should only trigger in these certain circumstances. But since we have these triggers inside already, we should be able to make this work within just the trigger.

So I’ll just go with all conditions. And I’m going to save this year. So now we have a new group, scroll and time a trigger.

Just to show you the other triggers that I have set up beforehand. So this is a normal titled trigger that will fire upon the five second mark. And then I also have a scroll trigger that fires on the 50% vertical scroll. So if I’ve scrolled 50% down, it should fire. Now this is now attached to a trigger group. So we have a new kind of relation between triggers in each other, that is something to look out for.

But this should do it, we have it now prepared, and we can attach it to our Google Analytics, scroll trigger tag. Now this isn’t just a tag test tag, it’s not really a Google Analytics tag. I just wanted to test this and put this into a new group.

Let’s save this and refresh our page. Okay, so we’re here on our landing page, which is pretty long. I’m going to reload this. And now I’m going to start reading the text. And before I hit the 50% mark, the GTM time as you see down below here has already fired so the five seconds are up. And once we hit the 50% mark of our scroll trigger, we should have another event which is our GTM scroll depth so we had 50% now. And then our whole triggered group turn true, which is the new trigger type of trigger group. So a new event here in the data layer, and our scroll event, track tag fired.

So not on the individual events of the triggers had fired. But on our new GTM trigger group. Let’s make a negative test here. Let’s say I’m just a casual user coming to the landing page and scrolling down really fast, should be already at hundred percent now. Our scroll trigger fired, our timer only fired after five seconds. So you would have these combined, if both of them turn true. That’s important to understand.

Okay, obviously, I would play with the time if you really want to make this this work and also the scroll depth. But you could if you increase the time, filter out all those people who don’t take longer than 30 seconds to actually to read to the half or the bottom of the page.

So you can make your scroll trigger more accurate. We have another video on this at use a little bit different method but here you exactly the differences here because we can utilize two trigger types in order to combine them to one with our trigger group.

Another example that is common nowadays is to use cookie consent pop up. So we have one right here where you would allow cookies that would set a cookie and your browser we have here on the application in the developer tools, we have a new cookie that is now put into where is it?

Okay, there’s no cookie yet because I haven’t allowed it yet. But if I click allow cookies, we should have a new cookie here, which is our consent status allow. Now I’ve built simply a variable that is a first party cookie that reads this cookie. So I will be able to see in my developer tools here ahhh my in my variables that the allow cookie consent is denied or is true.

Right now it’s deny. If I reload it should be cookie consent status true. And then I could build a trigger of that which I have already on. So here’s allow, which I’ve already done. In the triggers is cookie consent status allow.

So this is a normal page view trigger with a cookie consent status contains allow. Now, if I combine this, for example, let’s say I want to only fire up my facebook pixel not on all pages, but on all pages only if the user has already allowed this cookie, then let’s go ahead and build this into a group. So we’ll be able to first of all, look at the cookie consent status. And then if this is true fire on our pages. Let’s try this out going on to the trigger and building a new group trigger for our page view and our cookie allow.

So this is what we’re going to combine, we’re going to have the page view trigger, and no not the page view trigger in a group. So it’s going to trigger groups, build a new page view trigger on all pages, and also attach our cookie consent allow right here. So these two conditions need to be true in order for it to fire. Let’s save this, go back to our facebook pixel.

And only fire this on our group. So I’m going to get rid of the all pages trigger, and instead use our group for our page view allow. Let’s save this and refresh. Go back to our page here. And the two conditions of the two triggers will be evaluated and then our trigger group should fire and our pixel is allowed. Now, let me get rid of this little cookie here. Cookie consent status allow, then Select. OK, let’s close this and go back to the page.

Now if I reload, or if I go to the page, normally, we should see that our page you fired, our GTM tag fired and so on. But our facebook pixel has not yet fire because we have not yet allowed this consent. Even if you go to the next page and the next page and the next page until the user actually clicks this allow cookie. So now it’s allowed and the next page view would then actually fire the facebook pixel.

So this is how, let’s see, Yes, here it does. Click the something. Okay, the trigger group is now facebook pixel has fired. So this is how you can utilize your consent cookie as well. And put this into a group in order for your tags that you want to have fired only if consent is given, you can do that.

They are obviously different other methods of doing this now. But this, this whole group trigger thing actually gives us more flexibility. In order to have different methods available. We could also put this into a variable, we could put this into the trigger itself, we could use tag sequencing. So many different forms of the firing the trigger and making sure that only when the consent status is given our tags would fire.

And there’s also a method of doing this on the tracking side itself. So in the tracking code itself, Facebook actually has a feature for that. We have a video on that as well on how to make use of that.

But if you have a special case where you want to utilize different trigger conditions, and you already have these triggers set up, I think this is a very helpful feature that makes our life a bit more flexible and easy in certain circumstances of all costs. All right, if you have any other use cases for this new trigger type of trigger groups, I’d love to hear from you. I just came up with some of these on the spot and wanted to present them and get this new video out there right away so you will be up to date. If you want to stay up to date with all and everything that we do here on this channel, then definitely hit that subscribe button right over there because we bring you new videos just like this one every week. Now my name is Julian till next time.

SHOW MORE...