Where do I install the tracking pixel?

Paste the generated code just before the closing head tag of your website, or use Google Tag Manager to deploy it.

Do I need a different pixel for each ad platform?

Yes — Facebook, Google Ads, LinkedIn, TikTok and Pinterest each use their own pixel and event IDs.

Will installing these pixels slow my website?

Each pixel adds a small synchronous script. Use async attributes when available, lazy-load pixels below the fold, and serve everything through Google Tag Manager.

Is this tool GDPR / consent-friendly?

The generated code is plain boilerplate. You are responsible for adding consent gating before firing marketing pixels.

追踪像素代码生成器

embedding problem. function fbScript(id) { return '\n\n!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");\nfbq("init", "' + id + '");\nfbq("track", "PageView");\n\n'; } function gaScript(id, label) { return '\n\n\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\ngtag("js", new Date());\ngtag("config", "' + id + '");\ngtag("event", "conversion", {"send_to": "' + id + '/' + label + '"});\n'; } function liScript(id) { return '\n\n_linkedin_partner_id = "' + id + '";\nwindow._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];\nwindow._linkedin_data_partner_ids.push(_linkedin_partner_id);\n\n\n'; } function ttScript(id) { return '\n\n!function (w, d, t) {\nw.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];\nttq.setAndDefer=function(t,e){t[e]=t[e]||function(){t[e].push(e)}};for(var i=0;i ttq[method] = function (queue) { ttq[method].call(this, queue) });\nttq = ttq._i["ttq"];\nttq.load("' + id + '"); ttq.page();\n}(window, document, "ttq");\n'; } function pinScript(id) { return '\n\n!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.from(arguments))};var n=window.pintrk;n.queue=[];n.version="3.0";n.loaded=!0;n.script=e;}}\n("https://s.pinimg.com/ct/core.js");\npintrk("load","' + id + '");\npintrk("page");\n\n'; } function twScript(id) { return '\n\n!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments)},s.version="1.1",s.queue=[]),u=t.createElement(n),u.async=!0,u.src="https://static.ads-twitter.com/uwt.js",a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a)}(window,document,"script");\ntwq("init","' + id + '");\ntwq("track","PageView");\n'; } const PLATFORMS = { facebook:{ label:'📘 Facebook Pixel', hint:'Facebook Meta Pixel — fires PageView, ViewContent, AddToCart and Purchase events. Place in your <head>.', fields:[{id:'fb-id', label:'Pixel ID', placeholder:'123456789012345'}], build: v => fbScript(v['fb-id'] || '')}, google:{ label:'🎯 Google Ads', hint:'Google Ads conversion tag — provide account ID (AW-XXXXXX) and conversion label.', fields:[{id:'g-id', label:'Conversion ID', placeholder:'AW-123456789'},{id:'g-label', label:'Conversion Label', placeholder:'AbCdEfGhIjKLMnOpQrStUv'}], build: v => gaScript(v['g-id'] || '', v['g-label'] || '')}, linkedin:{ label:'💼 LinkedIn Insight', hint:'LinkedIn Insight Tag — fires conversion tracking.', fields:[{id:'li-id', label:'Partner ID', placeholder:'1234567'}], build: v => liScript(v['li-id'] || '')}, tiktok:{ label:'🎵 TikTok Pixel', hint:'TikTok Pixel — fires PageView + Identify. Add InitiateCheckout / CompletePayment on funnel events.', fields:[{id:'tt-id', label:'Pixel Code', placeholder:'CXXXXXXXXXXXXXXX'}], build: v => ttScript(v['tt-id'] || '')}, pinterest:{ label:'📌 Pinterest Tag', hint:'Pinterest Tag — track conversions, signups and checkouts.', fields:[{id:'pin-id', label:'Tag ID', placeholder:'1234567890123'}], build: v => pinScript(v['pin-id'] || '')}, twitter:{ label:'🐦 Twitter Pixel', hint:'Twitter (X) Pixel — for conversion tracking. Pair with Conversions API.', fields:[{id:'tw-id', label:'Pixel ID', placeholder:'o1234'}], build: v => twScript(v['tw-id'] || '')} }; let current = 'facebook'; function buildFields(){ const f = PLATFORMS[current].fields; const grid = $('#fields'); grid.innerHTML = f.map(x => '

' + x.label + '

').join(''); $('#install-hint').innerHTML = PLATFORMS[current].hint; renderCode(); } function renderCode(){ const f = PLATFORMS[current].fields; const vals = {}; f.forEach(x => vals[x.id] = $('#'+x.id).value || ''); const txt = PLATFORMS[current].build(vals).replace(/)/g, '/g, '<\\/script>'); $('#code').textContent = txt; } function renderTabs(){ $('#tabs').innerHTML = Object.keys(PLATFORMS).map(k => '' ).join(''); document.querySelectorAll('.platform-tab').forEach(b => b.onclick = () => { current = b.dataset.p; document.querySelectorAll('.platform-tab').forEach(x => x.classList.toggle('active', x.dataset.p===current)); buildFields(); }); } renderTabs(); buildFields(); $('#toolbar').innerHTML = ''; function downloadCode(){ const blob = new Blob([$('#code').textContent], {type:'text/html'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = current + '-pixel.html'; a.click(); } function fillExample(){ if (current==='facebook') $('#fb-id').value = '123456789012345'; else if (current==='google') { $('#g-id').value = 'AW-987654321'; $('#g-label').value = 'AbCdEfGhIjKLMnOpQrStUv'; } else if (current==='linkedin') $('#li-id').value = '4567891'; else if (current==='tiktok') $('#tt-id').value = 'C9B2ABCDEFGHIJKL'; else if (current==='pinterest') $('#pin-id').value = '261234567890123'; else if (current==='twitter') $('#tw-id').value = 'o1234'; renderCode(); } GZ.renderToolPage({ category:'seo', titleKey:'toolTitle', descKey:'toolDesc', howToSteps:['step1','step2','step3','step4'], related:[ {icon:'🏷️', href:'/seo/meta-tag-generator.html', name:'Meta Tag Generator'}, {icon:'🖼️', href:'/seo/open-graph-generator.html', name:'OG Tag Generator'}, {icon:'🗺️', href:'/seo/sitemap-generator.html', name:'Sitemap Generator'}, {icon:'🔗', href:'/seo/utm-builder.html', name:'UTM Builder'} ] });