Reading list Switch to dark mode

    User Guide for CS-Cart Google Tag Manager

    Updated 31 January 2024

    CS-Cart Google Tag Manager add-on allows you to quickly and easily update tags and code snippets on your website that are intended for traffic analysis and marketing optimization.

    Using this add-on the store owners can easily implement GTM on their website, which can then be used to manage and deploy various tracking tags.

    So with the CS-Cart Google Tag Manager, store owners can collect valuable data on how their customers interact with their website, which can be used to make informed decisions about marketing and advertising campaigns.

    Features

    • The admin can easily configure the Google Tag Manager within his CS-Cart store.
    • Add your Container ID as required.
    • The admin can check customer events for the product view.
    • The customer Registration event can be checked by the admin.
    • The admin can check the customer event for add to cart.
    • The cart page event for the customers can be checked by the admin.
    • The admin can check the customer event for order success.
    • The add-on supports CS-Cart Ultimate and CS-Cart Multivendor as well.

    Installation Procedure

    After you download the add-on, you get one zip file and the install.txt file. Please read it carefully and follow it.

    Now, navigate to the admin backend panel via Add-ons->Manage add-ons and tap on the cog icon and then tap the Manual installation option.

    Find the Best CS-Cart
    Development Company
    Find out More
    CS-Cart Google Tag Manager installation

    Thereafter a pop-up comes up, on that click on “Local” to browse the zip file, and then click on the “Upload & install” button.

    CS-Cart Google Tag Manager installation

    After installation of the add-on, you will find the “Google Tag Manager” in the list of available add-ons.

    CS-Cart-Google-Tag-Manager-installation

    Initial Configuration

    After the successful installation of the CS-Cart Google Tag Manager add-on, the admin can configure the plugin’s settings.

    Now, navigate to the Add-ons section and tap on the Google Tag Manager add-on. Then go to the settings tab.

    cs-cart-google-tag-manager-configuration-settings

    General

    Here, the admin will –

    Google Tag Manager Container Id:

    Enter your GTM container id within this section and tap on the Save button at the top right-hand corner.

    Event

    Here, the admin will select the event tags for which the Google Analytics should work for the website.

    admin_configuration_event

    The admin can choose events from the available ones – View product, Customer Signup, Add to Cart, View Cart, and Place Order.

    How to get the Container ID?

    To get the container ID, you must log in to your GTM console and create an account first. After logging in to the GTM console you can see the below screen. Here, tap on the Create Account button to create an account first.

    tagmanager.google.com_snapshot

    Now, enter the Account name, choose the country, set the Container name(the website URL without Https:// where you want to use Google Analytics), Choose the target platform(choose Web), and tap the Create button after that.

    create_account

    After tapping on the Create button you will see a popup. Accept the terms and conditions and tap on the Yes button after that as shown below in the snapshot.

    accept-terms-and-conditions

    Now, you can see the Container ID that needs to be entered in the admin configuration.

    container_Id

    How to add a New Tag?

    To add a new tag, navigate to the GTM console and tap on the Add New Tag option.

    add_new_tag

    This brings up the section to select the Tag Configuration. Here, for the tag configuration, tap the Choose a tag type to begin setup.

    tag_configuration

    Here, choose between Universal Analytics or GA4 Configuration.

    choose-tag-type

    After selecting Universal Analytics, select the track type as the page. Also, under Google Analytics Settings check the checkbox “Enable Overriding settings in this tag” and enter the Tracking ID after that.

    analytics_setting

    After entering the Tracking ID, tap on the save button on the top right-hand side.

    tap-save

    This brings up the section asking to add the triggers, tap the Add Trigger option.

    add-trigger1

    After that select the All pages check box and tap Add button. The events that are selected in the plugins event section will be registered for the pages.

    trigger-1-added-

    Lastly, tap the Save button.

    save

    The admin can then see the created tag as required.

    tag-saved

    Getting the Tracking ID from Google Analytics Dashboard

    Login to your Google Analytics console using the same Gmail id that you used for the GTM console login. After that create an account by tapping on the Start Measuring Tab as mentioned below.

    start-Measuring

    This brings up the section to create an account at Google Analytics. Here, enter the required details which include the – Account name, select the Google products & services checkbox, and then tap the Next button to set the property setup.

    enter-details

    Under Property setup set the property name and then tap on the “Show Advanced option”. Now, enter the website URL where you want Google Analytics to work, choose to Create a Universal Analytics property only, and tap the Next button after that.

    property-details

    Under the about your business section select the appropriate options and tap on the Create button after that.

    about-Business

    After tapping on the create button above you will see a pop-up just select the terms and conditions and tap I Accept button.

    i-accept

    After that, you will get the Tracking ID as per the snapshot below.

    tracking_Id

    Now, enter this tracking id in the GTM console section

    Admin View – Data in Data Layer

    Sign Up: The admin can view the sign up event data in the data layer.

    signup

    Order Place: The admin can view the order place event data in the data layer.

    place-order

    View Cart: The admin can view the view cart event data in the data layer.

    view_cart

    Add To Cart: The admin can view the add-to-cart event data in the data layer.

    addtocart

    Product View: The admin can view the product view event data in the data layer.

    product-view

    That’s all about the CS-Cart Google Tag Manager add-on. However, if you still have any questions regarding the CS-Cart extensions or you have any CS-Cart customization, please create a support ticket by clicking Webkul Support System or send an email to [email protected]

    Current Product Version - 1.0

    Supported Framework Version - CS-Cart/Multivendor 4.13.x, 4.14.x, 4.15.x

    . . .

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content