Menu Close
    Searching for an experienced Prestashop Development Company ?

    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 behaviors. 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, or add to cart, occurs on your Prestashop store, the triggers are evaluated based on the events and the tags will fire accordingly.

    Features

    • Easily Configure the Google Tag Manager within your Prestashop store.
    • The Module works for all the products on various store pages – Product page, Add To Cart, Category page, and Order confirmation page.
    • Track standard events like Product View, Category View, Add to Cart, Customer Sign in, and orders placed.
    • 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.

    How to Install Prestashop Google Tag Manager

    • 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.
    Prestashop Google Tag Manager installation
    Prestashop Google Tag Manager installation
    Prestashop Google Tag Manager installation

    Prestashop Google Tag Manager Configuration

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

    • Specify the Tag ID that you obtained after creating an account on Google Tag Manager.
    • Enter the Tracking ID that you got from Google Analytics Universal account.
    12-3

    Once you have saved the configuration settings, the page settings will open on the screen as shown below.

    18

    Under Page Settings, 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. 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. View details such as product ID, name, price, and category on Google Tag Manager.
    • Category Data – Track the event when someone visits the product page. View category ID, category name, and the parent category on Google Tag Manager.

    How to get the Tag ID?

    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.

    1-1-3

    2nd Step:

    Enter the account name as per your requirement.

    2-1-1

    3rd Step:

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

    3A-2

    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.

    4-11

    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.

    5-10

    Also, you can view the tag ID under Accounts.

    6-8

    Deploy Google Analytics And Other 3rd Party Tag With Google Tag Manager

    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 tracking id to configure the Google Analytics with Google Tag Manager.

    How to get the Tracking ID?

    In order to get the tracking ID, you need to sign in to your Analytics account, after that follow the following steps:

    1st Step:

    Click on Admin.

    7A

    2nd Step:

    Now, click on Create Account.

    20

    3rd Step:

    Mention the account name and click on next.

    8-7

    4th Step:

    Now, under Property setup, specify the property name, select time zone, currency, and then click on Show advanced options.

    21

    5th Step:

    Now, enable “Create a Universal Analytics property”, specify the Website URL, and then click on next.

    22

    6th Step:

    Select industry category, business size, Google Analytics use for your business and click on Create.

    10-5

    7th Step:

    Now accept Google Analytics Terms of Service to proceed.

    23

    8th Step:

    Once created, go to All accounts and there you will find the tracking ID.

    24

    Adding a New Tag

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

    25

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

    26

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

    27

    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.

    28

    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.

    Frontend Workflow

    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.

    15-2

    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.

    16-1

    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.

    17-1

    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.

    14-2

    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.

    13-

    Order History

    Whenever a customer visits the order history page, the data layer shows the details of all the orders placed by him on the store.

    Tag-Assistant-Connected-

    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.

    Support

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

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

    Current Product Version - 1.0.0

    Supported Framework Version - 1.7.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index