<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Bhargav Bhatt</title>
    <description>The latest articles on DEV Community by Bhargav Bhatt (@bhkbdbhatt).</description>
    <link>https://dev.to/bhkbdbhatt</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4159457%2F9faf1cb4-28a2-40b8-aa8d-c19215d383b7.png</url>
      <title>DEV Community: Bhargav Bhatt</title>
      <link>https://dev.to/bhkbdbhatt</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/bhkbdbhatt"/>
    <language>en</language>
    <item>
      <title>Launching Open Source: TikTok Pixel &amp; Server-Side Events API Extension for Adobe Experience Platform Tags!</title>
      <dc:creator>Bhargav Bhatt</dc:creator>
      <pubDate>Sat, 03 Oct 2026 10:03:19 +0000</pubDate>
      <link>https://dev.to/bhkbdbhatt/launching-open-source-tiktok-pixel-server-side-events-api-extension-for-adobe-experience-1k89</link>
      <guid>https://dev.to/bhkbdbhatt/launching-open-source-tiktok-pixel-server-side-events-api-extension-for-adobe-experience-1k89</guid>
      <description>&lt;h1&gt;
  
  
  🚀 Launching Open Source: TikTok Pixel &amp;amp; Server-Side Events API Extension for Adobe Experience Platform Tags!
&lt;/h1&gt;

&lt;p&gt;Tracking online conversions reliably in 2026 isn't as simple as dropping a JavaScript snippet into the &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; of a site anymore. With browser privacy restrictions, ad blockers, and ITP, relying solely on client-side tracking leads to missing data, inaccurate attribution, and wasted ad spend.&lt;/p&gt;

&lt;p&gt;To bridge this gap, I’ve built an &lt;strong&gt;open-source Adobe Experience Platform (AEP) Tags extension&lt;/strong&gt; that combines &lt;strong&gt;TikTok Client-Side Pixel tracking&lt;/strong&gt; with the &lt;strong&gt;TikTok Events API (Server-Side Conversion API)&lt;/strong&gt;—and today, I'm opening up the project for community contributions and funding!&lt;/p&gt;




&lt;h2&gt;
  
  
  💡 What Makes This Extension Unique?
&lt;/h2&gt;

&lt;p&gt;Building a production-ready tag management extension requires handling client-side execution, data transformation, privacy, and server API calls seamlessly.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Dual-Track Client &amp;amp; Server Sync&lt;/strong&gt;: Fires both &lt;code&gt;ttq.track&lt;/code&gt; in the browser and a server-side payload to TikTok’s Business API concurrently.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Built-in Event Deduplication&lt;/strong&gt;: Automatically generates RFC 4122 v4 UUID &lt;code&gt;event_id&lt;/code&gt;s shared between client and server hits so TikTok never double-counts conversions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy-First PII Normalization&lt;/strong&gt;: Uses the browser's native &lt;strong&gt;Web Crypto API&lt;/strong&gt; (&lt;code&gt;crypto.subtle&lt;/code&gt;) to normalize and SHA-256 hash sensitive user identifiers (email, phone, external ID) client-side before sending.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Single Page Application (SPA) Support&lt;/strong&gt;: Built-in History API observers (&lt;code&gt;pushState&lt;/code&gt;/&lt;code&gt;replaceState&lt;/code&gt;/&lt;code&gt;popstate&lt;/code&gt;) to handle modern JS framework route changes out of the box.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Non-Blocking Execution &amp;amp; Fail-safes&lt;/strong&gt;: Built-in script loading timeouts (5s) and API request timeouts (10s) ensuring your Adobe Tags rule execution chain never halts if a network issue occurs.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;On-Screen Visual Debugger&lt;/strong&gt;: An interactive debug badge and detailed console logger when running in &lt;code&gt;debugMode&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  🏗️ Architecture at a Glance
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;┌──────────────────────────────────────────────────────────────────────────────────┐
│                                ADOBE LAUNCH RUNTIME                              │
│                                                                                  │
│  ┌──────────────────────┐        ┌──────────────────────┐                        │
│  │ Global Extension     │        │ Event / Rule Trigger │                        │
│  │ Settings             │        │ (e.g. AddToCart)     │                        │
│  └──────────┬───────────┘        └──────────┬───────────┘                        │
│             │                               │                                    │
│             ▼                               ▼                                    │
│  ┌──────────────────────┐        ┌──────────────────────┐                        │
│  │ loadPixel.js         │        │ trackEvent.js        │                        │
│  │ Inject ttq snippet   │        │ Resolve Data Elements│                        │
│  └──────────┬───────────┘        └──────────┬───────────┘                        │
│             │                               │                                    │
│             │                     ┌─────────┴──────────┐                         │
│             │                     │ Generate UUID v4   │                         │
│             │                     │ Shared Event ID    │                         │
│             │                     └─────────┴──────────┘                         │
│             │                               │                                    │
│             │          ┌────────────────────┴────────────────────┐               │
│             │          │                                         │               │
│             ▼          ▼                                         ▼               │
│     ┌──────────────────────┐                        ┌─────────────────────────┐  │
│     │ CLIENT-SIDE DISPATCH │                        │ SERVER-SIDE PREPARATION │  │
│     │  ttq.track(...)      │                        │  sha256(email/phone)    │  │
│     └──────────┬───────────┘ ordering               └────────────┬────────────┘  │
│                │                                                 │               │
└────────────────┼─────────────────────────────────────────────────┼───────────────┘
                 │                                                 │
                 ▼                                                 ▼
      ┌──────────────────────┐                        ┌─────────────────────────┐
      │ TikTok Pixel SDK     │                        │ TikTok Events API       │
      │ (analytics.tiktok)   │                        │ (business-api.tiktok)   │
      └──────────────────────┘                        └─────────────────────────┘

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  💖 Why We are Seeking Funding &amp;amp; Community Support
&lt;/h2&gt;

&lt;p&gt;Maintaining enterprise-grade analytics software requires continuous updates to stay compliant with privacy laws (GDPR/CCPA), changes in TikTok’s API specifications, and updates to Adobe Experience Platform SDKs.&lt;/p&gt;

&lt;p&gt;We are opening up &lt;strong&gt;GitHub Sponsors / Open Collective&lt;/strong&gt; funding to help achieve the following roadmap goals:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📑 &lt;strong&gt;Official Adobe Exchange Listing&lt;/strong&gt;: Submitting and verifying the extension on the Adobe Exchange App Marketplace.&lt;/li&gt;
&lt;li&gt;⚡ &lt;strong&gt;Server-Side AEP Tags Support&lt;/strong&gt;: Developing an official server-side AEP Tags extension version running natively on Adobe Edge Network / Event Forwarding.&lt;/li&gt;
&lt;li&gt;🧪 &lt;strong&gt;E2E Testing Pipeline&lt;/strong&gt;: Expanding our Jest test suite to include automated browser integration tests.&lt;/li&gt;
&lt;li&gt;🌐 &lt;strong&gt;Documentation &amp;amp; Guides&lt;/strong&gt;: Creating step-by-step setup tutorials and video walkthroughs for martech and tracking engineers.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🛠️ How You Can Help
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Star the Repository&lt;/strong&gt;: Show your support on &lt;a href="https://www.google.com/search?q=https://github.com/bhkbdbhatt/tiktok-pixel-extension" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;!&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Try it Out&lt;/strong&gt;: Test the extension in your Adobe Tags Sandbox environment using &lt;code&gt;@adobe/reactor-sandbox&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Sponsor the Project&lt;/strong&gt;: Become a backer on &lt;strong&gt;GitHub Sponsors&lt;/strong&gt; or &lt;strong&gt;Open Collective&lt;/strong&gt; to support ongoing maintenance and feature development.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contribute&lt;/strong&gt;: Check out our open issues for feature requests, bug reports, or docs improvements!&lt;/li&gt;
&lt;/ol&gt;




&lt;p&gt;&lt;strong&gt;Links &amp;amp; Resources:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📁 &lt;strong&gt;GitHub Repository&lt;/strong&gt;: &lt;a href="https://www.google.com/search?q=https://github.com/bhkbdbhatt/tiktok-pixel-extension" rel="noopener noreferrer"&gt;github.com/bhkbdbhatt/tiktok-pixel-extension&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💖 &lt;strong&gt;Sponsor Project&lt;/strong&gt;: &lt;a href="https://www.google.com/search?q=https://patreon.com/BhargavBhatt" rel="noopener noreferrer"&gt;https://patreon.com/BhargavBhatt&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;strong&gt;Feedback &amp;amp; Discussion&lt;/strong&gt;: Drop a comment below!&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;em&gt;What challenges are you facing with server-side event tracking? Let's discuss in the comments below!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>adobeexperiencemanager</category>
      <category>tiktok</category>
      <category>pixeltracking</category>
      <category>martech</category>
    </item>
  </channel>
</rss>
