01.09.2022
For sites without category or product filters in this article;
1- We will get the CSS information of a value that is unique on the product page (not found on other pages except product pages).
2- With this CSS value, we will create an element visibility trigger via GTM.
3- Finally, we will trigger the “product display” event that we want to create with element visibility trigger.
Note: If you have a single page website, you will need to reach the solution in a different way. Since the structure there is much different, if you create the setup we created in this article, your trigger may not work correctly.
What will be the solution?
We will trigger the product display event without breaking our url structure.
First, we go to the relevant site and open the product page. In this example I will get the CSS information of the product name.
Select the product name on the site, right-click and select inspect.
Then you will see the section where the selected area is selected in the window that opens. As in the image below, right-click on this field and select Copy>CSS selector and copy this value somewhere. We’ll need it in a few steps.
The next thing we will do is to create the Element Visibility trigger via GTM.
After opening GTM, follow the steps below in order.
First of all, we select the “element visibility” option from the “trigger” section.
In the window that opens, there are 2 important steps that I marked above. After completing these steps, you can name your trigger and end the process. This step will give us an element visibility option that will be triggered when we come to the product page.
Now it’s time to create our product display tag.
I created a product display tag for Facebook. You can follow the steps in order.
Since the parameter variables change on each site, you can add the code I will share below for testing purposes.
<script>
fbq(‘track’,’ViewContent’);
</script>
Note: When you copy, delete the track and ViewContent quotation marks and add them again in the same way. After editing it should look like this:
After all these processes, get a preview from the tag manager and check the processes.
Finally, I add a link for you to listen:
https://open.spotify.com/album/7q2B4M5EiBkqrlsNW8lB7N?si=bkZUC4BZRl2HL6m_qQ4VzQ
I hope that will be useful.
Perfist Blog
Similar Articles
iFrame, first of all, needs to be clarified for this question. iFrame is an HTML tag that allows us to embed and display a different web page within another web page. By using the iFrame element, we can seamlessly integrate another website into our own website or display a specific page from a different website […]
Read More
Senior Level Web/App AnalyticsThere are various ways to obtain backlinks to your website or to bring backlinks. While some of these methods are recommended by Google, others are not and can be harmful. What matters here is your strategy. No matter what strategy you follow, don’t compromise on naturalness. Now let’s take a look at 12 different methods […]
Read More
Mid Level SEOBacklink is a link that one website provides to another website. Backlinks should be obtained from target keywords and high-quality pages, as they are believed to be beneficial after on-page SEO is completed. Sometimes, surpassing or catching up with our competitors may not be possible by solely focusing on on-page SEO or off-page SEO. Therefore, […]
Read More
Beginner Level SEOWhat are the Learning Stages? In the Facebook advertising system, as in other advertising platforms, there is machine learning. With machine learning, the optimization of the ads provided is more accurately ensured. After the ads are published, factors that change the efficiency of the ad, such as target audience, ad space, and broadcast time, […]
Read More
Beginner Level Performance Marketing