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
What is SEO Analysis? SEO analysis is a detailed examination of a website’s performance in search engines. This analysis provides insights into the site’s current status and highlights areas needing improvement. SEO analysis is essential for defining a roadmap and building a successful strategy. Accurate analysis clarifies which keywords to focus on, how to resolve […]
Read More
Mid Level SEOWhat is Search Intent? Search intent refers to the underlying goal a user has when performing a search query. Google and other search engines do not just focus on keywords but also analyze their context to understand what users are really looking for. Search intent is generally categorized into four main types: informational, navigational, commercial […]
Read More
SEOWhat is Semantic SEO? Semantic SEO is an optimization approach that helps search engines better understand user intent. This method analyzes the relationships between words, context, and the purpose behind user queries, ensuring more accurate content matching. Based on our extensive experience in digital marketing, we can confidently say that content created with a semantic […]
Read More
SEOWhat is Site Speed? Site speed refers to how quickly a web page loads. (Site speed has multiple factors. The most important of these are initial load time and load speed.) This speed directly affects the visitor experience. A slow-loading site can cause users to leave the site and choose other pages. Additionally, search engines […]
Read More
Mid Level SEO