A Complete Guide to Prestashop Google Tag Manager

Prestashop Google Tag Manager: Tags are snippets of code that are added to a site and used to gather unique information about visitors and their on-site behaviours.

Manually assigning the tags to web pages and managing them can be a tedious and time-consuming process.

Integrate Google Tag Manager with your Prestashop store to easily manage and deploy the marketing tags without the need to change the code.

Google Tag Manager is a code management system that allows you to add, update, and manage tags easily and quickly.

Simply place a small snippet of code in your Prestashop store to connect it to the Tag Manager Servers.

Whenever an event like product view, customer sign-in, category page load, add to cart, checkout or purchase occurs on your Prestashop store, the triggers are evaluated based on the events and the tags will fire accordingly. Multiple other events can also be configured as explained further in this user guide.

1. Prestashop Google Tag Manager module is compatible with PrestaShop version 8.x.x and multi-store feature.
2. The module is compatible with the standard classic PrestaShop theme. All the events are compatible with the classic PrestaShop theme. For purchase events, we use the default confirmation page.
3. Starting on July 1, 2023, standard Universal Analytics properties will stop processing new data. To maintain your website measurement, you’ll need a Google Analytics 4 property.

• Supports Google Analytics 4 (GA4).
• This module is MultiShop compatible.
• Easily Configure the Google Tag Manager within your Prestashop store.
• The Module works for all the products on various store pages – Product page, Category page, Cart page, Order page and other product listing pages also.
• Track standard events like Product View, Category View, Add to Cart, Customer Sign in, and orders placed.
• Track multiple other events such as view product listing, select product, view cart, remove from cart, begin checkout, add shipping info, add payment info and full or partial refund event.
• Check and download Google Tag Manager (tags and triggers) sample container files.
• Import tags in bulk using sample container files.
• Add code snippets of Google Tag Manager in your Prestashop store.
• Enable or disable sending of data on Google Tag Manager.
• Track and check analytics of your Prestashop store on Google.
• Also, measure your eCommerce conversion rate with customer shopping and checkout behavior from the Google Analytics dashboard.

• Firstly, go to the module manager in the back office and click on ‘upload a module’.
• After that, drag and drop the module file or select the file from the system.
• In this way, the module installation will be successful.

After the installation of the module, you need to configure it. Under the configuration settings, you have to:

• Specify the Tag ID that you obtained after creating a container in Google Tag Manager account.

• Enter the Tracking ID (Measurement ID) that you got from Google Analytics account.

Once you have saved the configuration settings, you can configure the events you want to track.

Under event configuration, you can decide which data you want to send to Google Tag Manager.

• Customer Data – Tracks the event when a customer login or creates an account on the store. You can view customer’s ID, name, and email ID when he sign in on the store.
• Cart Data – Tracks the event when a customer adds a product to the cart, removes a product from cart or proceeds to checkout. View details of the product added to cart and cart details such as cart ID and cart price on Google Tag Manager.
• Order Data – Track the event when someone orders a product on the store. View details of products purchased and details such as payment and shipping method used for placing order.
• Product Data – Track the event when someone visits the product page, search a product, view product listing or selects a product. View details such as product ID, name, price, and category on Google Tag Manager.
• Category Data – Track the event when someone visits the category page. View category ID, category name, and the parent category on Google Tag Manager.
• Purchase Data – Track the events when someone purchases a product, adds shipping or payment. Also track event for refund.

Sample Files: Admin can check sample container files of the google tag manager (tags and triggers) and download it.

Admin can use the sample container files to import tags in bulk instead of creating them one by one.

To import tags go to Tag Manager > Admin > Import Container :

To obtain the tag Id you must first create an account (Signup is free) at Google Tag Manager.

Now, after going to this link follow the below steps:

1st Step:

Click on “Create Account” button.

2nd Step:

Enter the account name as per your requirement.

3rd Step:

Now specify the container name, select where to use the container and then click on Create button.

4th Step

On clicking the create button, a popup appears on the screen where you have to click on the Yes button to confirm Google Tag Manager Terms of Service.

4th Step

Now the screen that appears, here you will see the tag Id on the top menu bar. You need to put this tag ID in the back office configuration to connect your website to tag manager servers.

Also, you can view the tag ID under Accounts.

Using Prestashop Google Tag Manager, you can deploy Google Analytics and other 3rd party tags with Google Tag Manager.

To configure and deploy Google Analytics with Google Tag Manager, you need a Google Analytics tracking ID.

For example, we are using the Google Analytics tag to configure it with Google Tag Manager.

Note: To configure other 3rd party tags, there must be a tag Id.

Here we used the Google Analytics measurement id to configure the Google Analytics with Google Tag Manager.

In order to get the tracking ID, you need to sign in to your Analytics account.

Under Account creation, enter account name and click on next button.

Now, under Property creation, specify the property name, select time zone, currency, and click on next.

Now, under Business details, select industry category, business size, and click on next.

After selecting the business details, you need to select relevant topics under Business objectives and click on next.

Now accept Google Analytics Terms of Service to proceed.

Now, choose a platform from where you want to collect data.

Go to Admin > Data Streams and click on ‘Create stream’ button.

Under Web stream details, you can view measurement id.

After successfully creating an account, it may take some time before property starts collecting data.

From Google Tag Manager, click on the “Add a new tag” button as shown in the below image-

Now enter the name of the tag and click on “Tag Configuration” to configure the tag as shown in the above image-

On clicking the “Tag Configuration” button, a new slide will open from where you can select the tag type.

Now, you can configure the tag and choose the “Track Type” accordingly from the different tracking type – Page View, Event, Transaction, Social, Timing, Decorate Link and Decorate Form.

Also, admin can configure the Google Analytics Setting.

Now, by clicking on “Enable overriding settings in this tab” enter the Google Analytics “Tracking ID” here.

Also, you can choose a trigger to make the tag fire or can also add a new trigger by clicking Add a new tag>triggering.

Note: You can configure fields to set in the GA4 Configuration tag to set parameters (e.g., measurement ID) that need to remain consistent across all events on a page. GA4 Event tags inherit the parameters of the GA4 Configuration tag.

Easily add code snippets of Google Tag Manager to the Prestashop store and track, check the Analytics for the store.

Various events displayed on Tag Manager

Product Data

When a user visits the product page, it is visible under Data Layer in the Tag Manager.

Order Data

Whenever a customer orders a product from your store, the data layer shows the details of the product ordered as well as shipping and payment method.

Cart Data

When a customer add multiple products to the cart and then go to the View Cart section, the data layer displays the details of the products within the shopping cart.

Customer Data

Whenever the customer login to the store it is visible in the tag manager. The customer personal details such as name and email id are displayed in the data layer.

Category Data

Whenever a category page is loaded, the category details such as category ID, category name, and parent category are displayed in the data layer of Google Tag Manager.

Similarly, admin can view the data for all the events enabled in the module configuration like View product listing, select product, view cart, remove from cart, begin checkout, add shipping info, add payment info and full or partial refund events.

Cart Data: Add to cart

Now, on the analytics dashboard, you can also view the shopping behaviour & the checkout behaviour of your customers.

Data display format on Google Analytics 4

This was all about Prestashop Google Tag Manager Module. I hope this document will help you in checking the functionality of the module in a better way.

Also, do let us know about your views in the comments.

“For any kind of technical assistance or query, please raise a ticket at http://webkul.uvdesk.com or send us a mail at support@webkul.com“

Also, please explore our Prestashop development services and vast range of quality Prestashop addons.