At a glance: Web SDK is a simplified and refined version of cookie-less tracking that can be easily generated from the panel by following a few simple steps.
Using this approach, you have the ability to add pixels either directly in the code or through GTM. This will provide more precise tracking in situations where certain browsers do not support third-party cookies, without any constraints or limitations.
Video to watch
Below mentioned are the steps to follow in order to implement web sdk
Step 1: Update the campaign url
To implement the web SDK, it is mandatory to include the below-mentioned parameters in the campaign URL and also for all landing pages.
utm_campaign=trackier_{camp_id}&click_id={click_id} |
Step 2: Placement of static code
It is mandatory to add the below script to all landing pages. This script will make sure we get the session ID or click ID even when the browser or device doesn't support third-party cookies.
This is the script tag that needs to be placed in the <BODY> tag of the website.
Static code/script :
<script>
window.TrackierWebSDK.init();</script>
Step 3: Placement of thank you page pixel
We have two options for the thank you page pixel
Web sdk
web sdk for GA
Trackier web sdk
This pixel will be placed in the body tag of the Thank You page and will be activated on the transaction's thank you page.
This pixel can be generated from your panel by opening the campaign from the manage campaign section, going to the conversion tracking section, and selecting campaign or advertiser trackier Websdk depending on your needs.
Note:-
Advertiser Trackier WebSDK -We recommend using this only in cases when advertiser is not comfortable with adding pixels multiple times.
Campaign Trackier WebSDK- The Campaign Trackier WebSDK is only valid for a specific campaign. We recommend using the campaign level websdk for easier access to the Pixel log in case of an issue, instead of having to navigate to the advertiser's pixel logs.
Your system will automatically add your account's domain and adv_unique id in your web SDK code.
Enable UTM Campaign check
If you are selecting trackier web sdk option in the tracking link section, then you have to enable UTM campaign check toggle from the basic campaign settings to ensure seamless tracking on both the ends.
Web SDK for GA ( Highly recommended )
This pixel will be placed in the body tag of the Thank You page and will be activated on the transaction's thank you page.
This pixel can be generated from your panel by opening the campaign from the manage campaign section. Navigate to the Conversion tracking section, check the Web SDK for GA check box, and then fetch the specified pixel.
Your system will automatically add your account's domain and adv_unique id in your web SDK code.
Note :
--> If init() script ( static code ) is not placed then you can face multiple challenges in tracking such as:
GA numbers mismatch
Discrepancy in tracking of ios devices
Tracking challenges in incognito tab and safari
--> This is Mandatory for clients to pick the web SDK for the thank you page from the campaign itself, It is different for every campaign.
--> For custom generated values you have to use respective macros so as to avoid any discrepancies in the future.
--> In the Ad-network case you can add the web SDK pixel on the campaign level or on the advertiser level.
We're thrilled to have put together a top-notch team of qualified experts who are available to handle any of your concerns and respond to any inquiries you may have. You can contact us at any time by sending an email to support@trackier.com or using the in-platform chat feature.
