Developer Guide
API GuideDeveloper Guide
  • Overview
    • Getting Started
    • Customers and Visitors
    • Events and Business Objects (BOs)
      • Sample Event Templates
  • Website
    • Getting Started
      • Direct JS Implementation
      • JS Integration via GTM
      • Tracking Haravan website events
    • Tracking Users
    • Tracking Events
      • [Direct] Sample E-Commerce Events
        • View Product
        • Add a Product to the Shopping Cart
        • View the Shopping Cart
        • Remove a Product from the Shopping Cart
        • Search for Product(s)
        • Checkout Shopping Cart
        • Apply Promotion Code
        • Purchase Product(s)
      • [GTM] Sample E-Commerce Events
        • View Product
        • Add a Product to the Shopping Cart
        • View the Shopping Cart
        • Remove a Product from the Shopping Cart
        • Search for Product(s)
        • Checkout Shopping Cart
        • Apply Promotion Code
        • Purchase Product(s)
    • Web Push
  • Android
    • Getting Started
    • Tracking Users
    • Tracking Events
    • Push Messaging
    • App Inbox Messaging
  • iOS
    • Getting Started
      • Integration of Antsomi iOS SDK
    • Tracking Users
    • Tracking Events
    • Push Messaging
  • Hybrid Apps
    • React Native
      • Tracking Users
      • Tracking Events
        • Sample E-Commerce Events
          • View Product
          • Add a Product to the Shopping Cart
          • View the Shopping Cart
          • Remove a Product from the Shopping Cart
          • Search for Product(s)
          • Checkout Shopping Cart
          • Apply Promotion Code
          • Purchase Product(s)
      • Push Messaging
      • App Inbox Messaging
    • Flutter
      • Tracking Users
      • Tracking Events
        • Sample E-Commerce Events
          • View Product
          • Add a Product to the Shopping Cart
          • View the Shopping Cart
          • Remove a Product from the Shopping Cart
          • Search for Product(s)
          • Checkout Shopping Cart
          • Purchase Product(s)
      • Push Messaging
      • App Inbox Messaging
      • App In-line Content
  • Antsomi Service Integrations
    • Media Template
    • Media JSON
      • Sample E-Commerce Events
        • Search for Product(s)
        • View Product
        • Add a Product to the Shopping Cart
        • Checkout Shopping Cart
        • Purchase Product(s)
      • Sample User Events
        • Sign-in
        • Sign-up
      • Sample Opt-in Events
        • Subscribe to Email marketing
        • Subscribe to OneSignal channel
  • 3rd Party Integrations
    • Shopify
      • Tracking Shopify website events
    • LINE
      • Integrating LINE Login with your web app
    • Google Ad Manager
      • Targeting CDP365 segment via PPID(s)
Powered by GitBook
On this page
  • Installation
  • Step 1: Create the Script tracking into the Snippets folder
  • Step 2: Add main script CDP and include cdp-tracking script
  • Ready, Track!
  1. Website
  2. Getting Started

Tracking Haravan website events

This guide provides a detailed walkthrough for tracking CDP events on your Haravan website

PreviousJS Integration via GTMNextTracking Users

Last updated 1 year ago

Installation

Now, it's time to place the script within your web app's code. Follow these steps for successful implementation:

Step 1: Create the Script tracking into the Snippets folder

  • Follow the steps inside the image below to access the code editing interface:

  • Create a file named cdp-tracking.liquid in the Snippets folder.

Please contact us to obtain the script mentioned above.

  • Click Save to complete your file configuration

Step 2: Add main script CDP and include cdp-tracking script

  1. Add the main script and include cdp-tracking to the theme.liquid file.

  • Find the theme.liquid file:

  • Add the main script after the <head> tag to the theme.liquid file.

  • Import the code snippet {% include 'cdp-tracking' %} after the 'End of CDP Web Insight script' tag, just after the closing </script>

  • Press the 'Save' button to complete the steps.

Ready, Track!

  • Check for events triggered on the homepage.

to see the steps for obtaining the main script.

The steps to access the code editor are as follows.
Create a file named cdp-tracking.liquid in the Snippets folder
Find the theme.liquid file and click on it to edit.
Add the main script after the <head> tag to the theme.liquid file
Include the cdp-tracking script to the theme.liquid file
Press the 'Save' button to complete the steps.
Check for events triggered on the homepage.
Click here