Google Tag Manager for Shopware 5

Introduction

Google Tag Manager for Shopware 5 extension enables the merchants to integrate Google Tag Manager (GTM) with Shopware 5 eCommerce store. With GTM implementation, the store owner can measure and analyze customers’ behavior on the online store by inserting tags code on product pages, shopping cart, checkout, etc.

Note:

Tag Assistant(By Google) should be installed on your chrome browser for checking the dataLayer of Google Tags.

Features

Set GTM Container id in the module configuration
Insert tags on category pages
The admin can add code snippets of google tag manager in their Shopware 5 website.
Easily configure the Google Tag Manager within your Shopware 5 Store.
Insert tags on product pages
Analyze customer’s shopping cart
The admin can track and check analytics on Google of their Shopware 5 website.
Insert tags for search page
The admin can manage the JavaScript and HTML tags which are used for analytics on websites.
Implement tags for checkout page/order place
The Module works for all the products on website pages- Product page, Add To Cart, Category Collection page and many more.

Installation

Shopware provides two ways to install the plugin to the server.

Using Command
Manual installation

Customers will get a zip folder, then they have to extract the contents of this zip folder on their system. The customer has Copy the folder WebkulGtm to custom/plugins directory of Shopware.

As shown in the below image:

Now open the Shopware application in the Terminal.

Run this command to refresh the plugin –

./bin/console plugin:refresh

Go to your Shopware installation Root directory and run this command to install then activate the plugin –

./bin/console sw:plugin:install WebkulGtm

./bin/console sw:plugin:activate WebkulGtm

To clear the cache run this command –

./bin/console sw:c:c

Now refresh the administration.

After that, visit administration Configration->Plugin Manager->Installed, the Google Tag Manager for Shopware 5 plugin will be listed there.

Manual Installation

1 – Go to the plugin manager by navigating Shopware backend – Configuration -> Plugin Manager.

2 – Upload the zip from the plugin manager in the backend.

3 – Click on the installed link on the left side menu in the plugin manager.

4 – Check the plugin in the uninstalled category and then click on the install button.

5 – After the successful installation, click on the open button then activate it.

After that, you have to enter the Container ID in the configuration.

Note:

After the installation process and plugin configuration if the Google Tag Manager for Shopware 5 icon will not visible at front-end then run this command to clear the cache:

./bin/console  sw:cache:clear –env=prod

How to get the Container ID?

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

Now, after going to this link follow the below Steps –

1: Enter the account name(as per your requirement) then click Continue.

2: Now set up the Container name(as per your requirement), select where to use the container and then click Create.

3: Then on the pop-up, click Yes to confirm to the Google Tag Manager Terms of Service.

4: However, now, click on the ‘back to home’ arrow on the top left-hand side. Where the admin can add a new tag.

5: Lastly, you will see the Container ID. This container ID is to be put in the admin back-end configuration of the extension.

After the container id is generated, the admin can view the list of accounts along with their container id.

Thus, the admin needs to select the particular container for which the container id will be added in the module configuration.

How To Add A New Tag In Google Tag Manager

Now the screen that appears, here you need to add few tags(as per required) then publish to make the changes live.
To add tags, navigate to New Tag -> Add New Tag

Now the section that comes up tap Tag Configuration to choose a tag type to begin the setup.

Here you will choose your tag type from the featured list or search for one.

After that, select the Track Type as per your requirement, select Enable Overriding settings in this tag, and enter the Tracking Id from your Analytics.google.com account and then tap the Save button.

Configure the Trigger for the tag after that click to the Save button.

Set the name for your Tag then click to Save.

To publish click the Submit button on the top right-hand side.

A Sliding section comes up, here select Publish and Create version, enter version name, description then click to the Publish button.

After that, you can see the container is published.

Lastly, click on the Tag Manager icon on the top left-hand corner or go to All Accounts. Here, you will see the Container ID. This container ID is to be put in the admin back-end configuration of the extension.