📋 Sebelum mulai

Daftar akun gratis di PrivacyTrack.id (tidak perlu kartu kredit)
Verifikasi email dengan kode 6-digit yang dikirim
Buka Dashboard → Website → Tambah Website
Masukkan domain kamu (contoh: tokoku.com)
Salin tracking ID yang diberikan (format PT-xxxxxxxx)

💡 Tip: Gunakan domain utama tanpa subdomain. Script akan otomatis melacak semua halaman di bawah domain tersebut.

📄 HTML / Situs Statis

Paling simpel — tambahkan script di dalam tag <head> website kamu:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Ganti PT-xxxxxxxx dengan tracking ID kamu. Itu saja! Data mulai terlihat dalam beberapa detik setelah ada pengunjung.

Berlaku untuk: HTML biasa, Jekyll, Hugo, Eleventy, Astro, Gatsby, VitePress, dan semua static site generators.

📰 WordPress

Opsi 1: Plugin Resmi (Rekomendasi)

Download plugin PrivacyTrack.id for WordPress
Upload via WP Admin → Plugins → Add New → Upload
Activate plugin
Buka Settings → PrivacyTrack
Masukkan tracking ID kamu dan Save

Opsi 2: Tambah ke theme header.php

Buka Appearance → Theme File Editor → header.php, tambahkan script sebelum tag </head>:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

⚠️ Perhatian: Jika kamu update theme, perubahan ini akan hilang. Gunakan child theme atau plugin untuk solusi permanen.

Opsi 3: Plugin "Insert Headers and Footers"

Plugin ini memungkinkan kamu menambah script tanpa edit theme file:

Install plugin WPCode (Insert Headers and Footers)
Buka Code Snippets → Header & Footer
Paste script di section Header
Save

⚡ Next.js (App Router)

Gunakan komponen <Script> bawaan Next.js di app/layout.tsx:

// app/layout.tsx
import Script from 'next/script'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="id">
      <head>
        <Script
          src="https://cdn.privacytrack.id/pt.js"
          data-site="PT-xxxxxxxx"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  )
}

Next.js Pages Router

Gunakan di pages/_app.tsx atau pages/_document.tsx:

// pages/_app.tsx
import Script from 'next/script'

export default function App({ Component, pageProps }) {
  return (
    <>
      <Script
        src="https://cdn.privacytrack.id/pt.js"
        data-site="PT-xxxxxxxx"
        strategy="afterInteractive"
      />
      <Component {...pageProps} />
    </>
  )
}

⚛️ React (CRA / Vite)

Tambahkan script langsung di public/index.html (CRA) atau index.html (Vite):

<!-- public/index.html -->
<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="utf-8" />
    <title>Website Saya</title>
    <script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

Atau injeksi dinamis via useEffect di root component kalau SPA dan kamu mau track client-side navigation:

// App.tsx
import { useEffect } from 'react'

function App() {
  useEffect(() => {
    const script = document.createElement('script')
    script.src = 'https://cdn.privacytrack.id/pt.js'
    script.defer = true
    script.setAttribute('data-site', 'PT-xxxxxxxx')
    document.head.appendChild(script)
  }, [])

  return <div>...</div>
}

💚 Vue.js / Nuxt

Nuxt 3

Di nuxt.config.ts:

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://cdn.privacytrack.id/pt.js',
          'data-site': 'PT-xxxxxxxx',
          defer: true,
        },
      ],
    },
  },
})

Vue CLI / Vite

Tambahkan di public/index.html atau index.html:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

🛍️ Shopify

Buka Shopify Admin → Online Store → Themes
Klik Actions → Edit code pada theme kamu
Cari file theme.liquid di folder Layout
Paste script sebelum tag </head>:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Klik Save
Cek website kamu di tab incognito untuk verifikasi

💡 Script akan melacak semua halaman termasuk checkout (yang biasanya diblokir Google Analytics di Shopify).

📝 Blogger (Blogspot)

Masuk ke blogger.com
Klik Theme → Edit HTML
Cari tag <head> di bagian atas
Paste script tepat setelah tag <head>:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Klik Save di pojok kanan atas

🎨 Webflow

Buka Project Settings → Custom Code
Di section Head Code, paste script:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Klik Save Changes
Publish project kamu

🟦 Wix

Buka Settings → Advanced → Custom Code
Klik + Add Custom Code
Paste script dan pilih:
- Place code in: Head
- Apply to: All pages + Load code once
Klik Apply

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Custom Code hanya tersedia di paket Wix berbayar (Combo dan di atasnya).

🏷️ Google Tag Manager

Buka GTM workspace kamu
Klik Tags → New → Custom HTML
Paste script di HTML field:

<script src="https://cdn.privacytrack.id/pt.js" data-site="PT-xxxxxxxx" defer></script>

Set Trigger ke All Pages
Save → Submit → Publish

⚡ Custom Events

Setelah script terpasang, window.pt() tersedia secara global untuk mengirim custom event:

// Simple event
window.pt('button_click')

// Dengan properties
window.pt('signup', { plan: 'starter', source: 'pricing' })
window.pt('purchase', { amount: 149000, currency: 'IDR' })

// Track form submit
document.querySelector('form')?.addEventListener('submit', () => {
  window.pt('form_submit', { form: 'contact' })
})

// Track button click
document.querySelector('#cta-button')?.addEventListener('click', () => {
  window.pt('cta_click', { label: 'hero_signup' })
})

Event akan muncul di Dashboard → Event Kustom dalam hitungan detik. Gunakan untuk membuat Goals dan track konversi.

✅ Verifikasi Instalasi

Setelah script terpasang, verifikasi dengan:

Tombol Verifikasi di Dashboard — Buka Dashboard → Website, klik tombol 🔍 Verifikasi Pemasangan di samping domain kamu. Sistem otomatis cek apakah script terpasang dan apakah event sudah diterima.
DevTools Network Tab — Buka website kamu, F12 → Network → filter “privacytrack”. Kamu harus melihat request ke i.privacytrack.id/e saat page load.
Dashboard Real-time — Buka tab Live di dashboard, lalu buka website kamu. Kamu harus langsung melihat visitor muncul.

🛠️ Troubleshooting

Data tidak muncul

Cek tracking ID — pastikan match dengan yang di dashboard
Cek domain — pastikan script dipasang di domain yang benar (bukan subdomain beda)
Disable AdBlocker untuk testing
Cek browser console untuk error JavaScript

Script di-block

Beberapa browser extension AdBlocker men-block domain privacytrack.id secara default (mereka block semua analytics). Ini biasanya hanya 5-10% visitor. Kamu bisa:

Proxy script via domain kamu sendiri (hubungi support untuk setup)
Inform pengguna bahwa kamu menggunakan analytics yang menghormati privasi

Kuota terlampaui

Jika traffic melampaui paket kamu, data baru tidak akan tercatat sampai bulan berikutnya. Upgrade paket di Dashboard → Langganan.

Masih bingung?

Kirim email ke [email protected] atau kunjungi dokumentasi lengkap. Kami response dalam 1×24 jam.

Siap mulai?

Daftar akun gratis sekarang — tracking ID siap dalam 30 detik.

Daftar Gratis →

Panduan Instalasi