Understanding and implementing effective website tracking and user engagement tools is crucial for optimizing your digital strategy. Let’s explore how to integrate tools like Google Tag Manager, Facebook Pixel, and Survicate to gain valuable insights into your audience and improve their experience.
First, it’s important to determine your user’s subscription status and geolocation. This information allows for personalized experiences and targeted campaigns. Typically, this involves checking for a window?.geoinfo?.CountryCode and defaulting to ‘IN’ if unavailable.
Next, you can leverage visitor traits through platforms like Survicate. Specifically, w._sva.setVisitorTraits allows you to send data regarding user subscription status (toi_user_subscription_status) and geolocation (toi_user_geolocation).
Tho, Survicate integration requires a bit of finesse.If w._sva and w._sva.setVisitorTraits are immediately available, you can directly call setAttributes(). Otherwise, you should listen for a “SurvicateReady” event before executing the same function.
To ensure Survicate loads correctly, a script tag is dynamically created and inserted into the document. This script, sourced from https://survey.survicate.com/workspaces/0be6ae9845d14a7c8ff08a7a00bd9b21/web_surveys.js, is set to load asynchronously for optimal page performance.
Now, let’s discuss triggering these integrations based on specific site configurations. I’ve found that checking for the presence of toiplus_site_settings and its associated flags (isFBCampaignActive, isGoogleCampaignActive) is a reliable starting point.
if these settings are available and the user isn’t a prime subscriber, you can proceed to load Google Tag Manager (Gtag) and Facebook Pixel events. Subsequently, you can load the Survicate JavaScript based on the allowed sections defined in the configuration.
However, what if these settings aren’t immediately available? This is where a fallback mechanism becomes essential. In such cases, you can fetch the configuration from an API endpoint, such as https://jarvis.indiatimes.com/v1/feeds/toi_plus/site_settings/643526e21443833f0c454615?db_env=published.
Here’s what works best: upon receiving the configuration, you can dynamically determine the appropriate Survicate sections to load. For prime users,you might use config?.allowedSurvicatePrimeSections, while non-prime users would utilize config?.allowedSurvicateSections.
Furthermore, remember to load Gtag and Facebook Pixel events based on the isGoogleCampaignActive and isFBCampaignActive flags within the fetched configuration. This ensures that your tracking and advertising efforts are aligned with your current campaigns.
consider the user experience. Asynchronous script loading is vital for preventing page slowdowns. Listening for events like “SurvicateReady” ensures that integrations don’t interfere with the initial page render.