Google Tag Manager for Shopware 5

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.

• 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.

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

1. Using Command
2. 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

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.

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.

Configuration

Now, go to configuration then enter the Container ID.

To check if the Google Tag Manager is properly installed, the data on your website should get displayed as shown below in the snapshots.

Note: To check this, you must have installed the Google Chrome browser extension – Tag Assistant(By Google).

Some Examples –

Category page: On the category page, the data layer shows the current product details.

Product Page: On the product page, the data layer shows the current product details.

Shopping cart page:  Here, the data layer shows the checkout cart data and the cart data.

Checkout page: On the checkout page, the data layer shows the complete order details.

Order Success Page: On the order success page the data layer shows the purchased item details as shown below in the snapshot.

If you have any issue, feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com

Please explore our shopware development services and Quality shopware extensions .