WordPress : Melacak Pageviews by Author di AMP dengan Google Analytics

Tulisan ini berisikan panduan tentang cara bagaimana melacak pageviews by author di AMP dengan Google Analytics. Google AMP (Accelerated Mobile Pages) adalah sebuah inisiatif open source yang bertujuan agar halaman web dibuka lebih cepat pada perangkat mobile dan agar memberi pengalaman lebih baik bagi pengunjung. Meskipun masih belum sempurna, namun sudah banyak publisher yang mulai memasang AMP di situswebnya.

Salah satu alasan mengapa saya sempat menunda menggunakan AMP adalah karena masalah pelacakan pageviews by author ini, yang hingga beberapa waktu yang lalu belum saya temukan caranya. Bagi sebuah blog dengan author lebih dari satu, informasi ini tentunya penting. Hit counter tidak saya gunakan karena seingat saya akan membebani kerja server, dan saya lebih memilih Google Analytics karena sudah teruji dengan bentuk laporan yang bisa disesuikan keperluan.

Secara umum perbandingan pengunjung yang menggunakan desktop dan mobile phone hampir berimbang, dengan persentase pengguna mobile phone biasanya meningkat secara bermakna saat libur akhir pekan dan terutama libur panjang. Artinya pengunjung yang mendapatkan manfaat jika membuka AMP jumlahnya signifikan. Hasil mesin pencarian Google umumnya menempatkan halaman AMP di atas halaman biasa, dan ada tanda AMP pada hasil pencariannya itu.

Petunjuk di bawah ini adalah untuk blogger atau publisher pemakai WordPress self-hosted yang menggunakan plugin AMP, yang salah satu kontributor pembuatnya adalah Automattic, team pembuat WordPress sendiri. Pemakai plugin lain bisa menyesuaikan.

Untuk Melacak Pageviews by Author di AMP dengan Google Analytics, ikuti tiga kelompok langkah di bawah ini.
Langkah pertama di Google Analytics
  1. Login ke Google Analytics, klik "ADMIN (roda gerigi di kiri bawah)
  2. Pada "Property", klik "Dd Custom Definitions", lalu "Custom Dimensions"
  3. Klik "+ NEW CUSTOM DIMENSION"
  4. Ketik "Author" tanpa tanda petik pada isian "Name". Scope Hit, dan Active.
  5. Klik "Create", lalu "Done"

Langkah kedua masih di Google Analaytics untuk membuat laporan pada dashboard yang akan Anda lihat nanti untuk mengetahui pageviews by author. Laporan ini kemudian bisa Anda kirimkan setiap minggu ke setiap author via email, langsung dari Google Analytics.
  1. Klik "CUSTOMIZATION" > "Dashboard" > "Create"
    Beri nama, misalnya Pageviews by Author (bisa dirubah lagi belakangan), klik "Create Dashboard"
  2. Pada "Standard", klik "TABLE"
  3. Klik "Add a dimension", scroll ke bawah dan klik "Author"
  4. Klik "Add a metric", scroll ke bawah dan klik "Users"
  5. Klik "Add a metric" paling kanan, scroll ke bawah dan klik "Unique Pageviews" atau "Pageviews", lalu "Save"

Langkah ketiga menggunakan cPanel, dengan sedikit memodifikasi script yang aslinya ada di sini.
  1. Login cPanel, buka File Manager
  2. Buka (dobel klik) wp-content > plugins > amp > templates
  3. Letakkan kursor pada header.php lalu klik "Edit" pada menu
  4. Salin script berikut dan letakkan sebelum </head>:
    <script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    Save, dan tutup.
  5. Letakkan kursor pada footer.php lalu klik "Edit" pada menu
  6. Salin script berikut dan letakkan sebelum </footer>:

    <amp-analytics type="googleanalytics">
    <script type="application/json">
    {
    "requests": {
    "pageviewWithCd1": "${pageview}&cd1=${cd1}"
    },
    "vars": {
    "account": "UA-xxxxxxx-xx"
    },
    "triggers": {
    "trackPageviewWithCustom" : {
    "on": "visible",
    "request": "pageviewWithCd1",
    "vars": {
    "cd1": "<?php global $post; $author_id=$post->post_author; the_author_meta( 'display_name', $author_id ); ?>"
    }
    }
    }
    }
    </script>
    </amp-analytics>
  7. Jangan lupa ganti "UA-xxxxxxx-xx" dengan kode nomor tracking Google Analaytic Anda, lalu Save, selesai.

Di langkah ke-6 jika tidak ada penulis lain selain pemilik blog, maka bisa menggunakan script sebagai berikut:

<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-XXXXX-Y"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>

Diubah: Oktober 27, 2017.
Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang,
seorang penyusur jalan.
Traktir BA? Scan GoPay, atau via Paypal. GBU.
« Baru© 2004 - IkutiLama »