Cara menambahkan ID Pelacakan Google Analytics ke Halaman GitHub

183

Bisa jadi pertanyaan sederhana tapi saya penuh keraguan saat ini tentang menambahkan ID Pelacakan Google Analytics ke halaman GitHub .

Saya menggunakan generator halaman otomatis GitHub untuk membuat halaman GitHub saya tetapi meminta "ID Pelacakan Google Analytics". Saya mencoba mendaftar dengan Google Analytics tetapi di sana meminta URL situs web.

Sekarang apa yang harus saya lakukan?

Satu lagi pertanyaan: dapatkah kita menambahkan ID Pelacakan Google Analytics nanti setelah Halaman GitHub dibuat?

exexzian
sumber
Beberapa pendekatan yang disarankan tetapi saya tidak bisa / mengkonfirmasi salah satu dari mereka bekerja. Saya berharap ini akan mulai bekerja dalam 24 jam atau lebih.
Christopher D. Emerson
1
/ Kepala kantor. Saya memiliki peramban yang berani memblokir pelacak di situs saya. Itu bekerja sepanjang waktu. Yang juga membingungkan bagi saya adalah perpindahan (semi) terbaru dari ga (google analytics) ke gtag (google tag). Rupanya kamu hanya butuh barang-barang gtag () sekarang, bukan lagi barang-barang ga (). Menyenangkan. Tautan ini membantu saya mendiagnosis masalah saya: chrome.google.com/webstore/detail/tag-assistant-by-google/… dan analyticsmania.com/post/google-tag-manager-vs-google-analytics
Christopher D. Emerson
@ ChrisEmerson itu pembaruan yang bermanfaat :)
exexzian
Saya memiliki masalah yang sama dengan kunjungan saya yang tidak terdaftar, ternyata AdBlock bertanggung jawab atas mereka.
Andrew Zaw

Jawaban:

162

Pembaruan : Menambahkan deskripsi langkah untuk orang lain

Menyelesaikannya:
harus memasukkan username.github.io(tautan yang ingin saya lacak) di bagian situs web Google Analytics.

Anda dapat memeriksa halaman bantuan GitHub di sini


masukkan deskripsi gambar di sini


Setelah itu saya diberi ID Pelacak.


Catatan: Anda dapat dengan mudah mengubah atau menambahkan lebih banyak situs web di halaman Google Analytics dari panel admin Google Analytics Anda.


Pembaruan 2: - Menambahkan ID Pelacakan Google Analytics ke halaman Github yang Sudah dibuat (Seperti yang diminta oleh @ avi-aryan )

  1. Jelajahi cabang halaman github Anda - yang akan menjadi seperti -
    ( https://github.com/ YourUserName / YourRepository / tree / gh-pages) Anda
  2. Kemudian edit index.htmldari file yang terdaftar
  3. Sekarang dalam HEADtag index.html- tempel Skrip ID Pelacakan Google Analytics Anda (jika sudah mendaftar untuk analisis Google maka Anda dapat menjelajahinya di bawah admin dan kemudian melacak info tab)
exexzian
sumber
1
Saya telah menambahkannya, namun analisis Google mengatakan Pelacakan tidak diinstal. Halaman saya seperti yang ditentukan dalam G-Analytics adalahhttp://avi-aryan.github.io
Avi
1
@OhadR ohh maaf untuk itu jika itu tidak membantu Anda
exexzian
1
FYI: Saya menggunakan logika yang sama untuk mengedit index.htmluntuk menambahkan pelacakan konversi twitter juga. Terima kasih!
pulkitsinghal
1
@ sc28 kapan Anda meletakkan analytics di halaman Anda? Google biasanya memperbarui dasbor setelah beberapa saat
exexzian
2
@ sc28 tidak biasanya butuh satu atau dua hari .. periksa setelah satu atau dua hari
exexzian
69

Bagi siapa pun yang tertarik, jika Anda menggunakan Jekyll dengan halaman GitHub, saya baru saja menulis posting yang menunjukkan cara menambahkan ID Pelacakan Google Analytics dengan benar ke Jekyll .

  1. Anda akan menemukan kode pelacakan Universal Analytics di bawah Admin> Properti> Info Pelacakan> Kode Pelacakan.

  2. Buat file baru yang disebut analytics.htmldalam _includesfolder yang ditemukan di direktori situs web Jekyll Anda.

  3. Tambahkan kode ID Pelacakan Google Analytics ke analytics.html.

  4. Terakhir, buka _layouts/head.html, dan tambahkan {% include analytics.html %}tepat sebelum </head>tag akhir . Google merekomendasikan penempatan ini untuk melacak semua halaman di situs web Anda dengan benar.

Colin
sumber
5
Terima kasih, kiriman yang bagus. Perlu dicatat bahwa di dalam Halaman GitHub diatur jekyll.environment == 'production'secara otomatis ( github.com/jekyll/jekyll/issues/1219 ), sedangkan lingkungan default Jekyll adalah'development'
Andrea
Saya pernah _layouts/default.html, tetapi itu bekerja dengan baik (Saya tidak akrab dengan Jekyll)
Joey Baruch
1
Terima kasih pos yang bagus.
ijuneja
16

Jika Anda menggunakan template minimum yang disediakan oleh Jekyll maka -

  1. Tambahkan google_analytics: UA-xxxxxxxx-xke _config.yml Anda
  2. Buat file _includes / google-analytics.html dan tambahkan kode google analytics js di dalamnya.

Menggantikan

ga('create', 'UA-xxxxxxxx-x', 'auto');

dengan

ga('create', '{{ site.google_analytics }}', 'auto');

dan Anda siap!

Kode google analytics sekarang akan ditampilkan jika situs Anda dibuat dalam lingkungan produksi. Untuk referensi, lihat kode sumber templat di sini - https://github.com/jekyll/minima

Anda dapat mengikuti pendekatan yang sama jika Anda menggunakan templat yang berbeda dengan merujuk kode sumber templat dan mengganti file yang sesuai.

romeo14
sumber
2
Langkah 2 sebenarnya tidak diperlukan. Periksa dokumentasi di github.com/pages-themes/minimal
kzu
16

Lebih baik menggunakan GA-Beacon untuk itu. GA-Beacon dapat melacak semua repo GitHub Anda, bahkan jika tautan yang dikunjungi bukan dokumen html.

Silakan periksa: https://github.com/igrigorik/ga-beacon

Flimzy
sumber
Ini bekerja tetapi semua catatan data waktu nyata saya berasal dari Ashburn VA. Bahkan ketika saya mengunjungi halaman secara lokal ... sangat jauh dari VA.
jtlindsey
@ jtlindsey - Apakah ada kemungkinan gambar / piksel Anda di-cache di CDN di Ashburn VA?
pulkitsinghal
@ Pulkitsinghal Saya tidak sepenuhnya yakin, posting itu hampir sebulan yang lalu dan saya telah menggunakannya selama beberapa minggu dan data selalu Ashburn VA. Melihat kembali data saya sekarang, data menunjukkan lokasi yang tidak ditetapkan untuk waktu-nyata tetapi ada pertanyaan dari seluruh dunia dalam sejarah jadi saya tidak yakin di mana kesalahannya. Saya mungkin akan menghapusnya karena datanya tidak benar.
jtlindsey
5

Anda dapat menambahkan Google Analytics ke situs Jekyll seperti yang Anda lakukan pada situs lain.

Pertama, setelah menyiapkan akun Google Analytics Anda, navigasikan ke tab admin.

navbar

Berikutnya, di bawah panel account, di sebelah kiri, klik: Create New Account.

menambahkan akun

Di Google Analytics, sebuah akun mewakili sekumpulan halaman yang ingin Anda lacak. Siapkan akun situs web seperti yang diinginkan.

Setelah akun Anda dibuat, Anda akan dikirim ke halaman yang memberi tahu Anda Tracking IDdan memiliki cuplikan JavaScript untuk diletakkan di halaman yang ingin Anda lacak. Cukup letakkan cuplikan ini di semua halaman yang ingin Anda lacak. Atau, jika Anda menggunakan tata letak default, letakkan cuplikan ini di suatu tempat di dalamnya.

Omong-omong, karena Anda hosting di Halaman GitHub, Anda tidak perlu Google Analytics kecuali Anda ingin analitik yang sangat rinci. Jika yang Anda pedulikan hanyalah tampilan halaman, GitHub memiliki ini.

0xcaff
sumber
3
Saya cukup menggunakan bahwa pelacakan GitHub hanya untuk lalu lintas ke repositori GitHub itu sendiri (termasuk kode sumber). Repo situs GitHub Pages saya hanya menampilkan lalu lintas ke URL GitHub.
Nick McCurdy
3

Saya menggunakan file README.md sebagai sumber untuk halaman pribadi GitHub saya. Saya juga menggunakan salah satu tema yang didukung GitHub 'cayman'. Tidak diperlukan lagi file dalam repositori selain _config.yml (kecuali jika Anda ingin memodifikasi tema yang didukung).

Untuk menambahkan Google Analytics, saya hanya mengikuti saran di repositori 'cayman' ( https://github.com/pages-themes/cayman ):

Cayman akan menghormati variabel-variabel berikut, jika diset di _config.yml situs Anda:

google_analytics: [ID pelacakan Google Analytics Anda]

Titik! Ada yang lain! Semuanya berfungsi di samping Google Analytics! Ini mungkin opsi yang layak bagi mereka yang mencari pengaturan cepat Halaman GitHub dengan Google Analytics.

Sergei Zaitseff
sumber
1

Jika Anda menggunakan halaman github yang dibuat secara otomatis dari github Anda, README.md, saya menemukan ini sebagai cara termudah: Cukup edit _config.yml Anda agar terlihat seperti ini (dengan id analisis Google sendiri:)

theme: jekyll-theme-cayman
title: My Site
description: My site description
url: https://example.com
author: MyName
plugins:
  - jekyll-seo-tag
google_analytics: UA-xxx

Kemudian tambahkan file baru ke root repositori Anda bernama Gemfile dengan konten ini:

source "https://rubygems.org”
gem "github-pages", group: :jekyll_plugins
gem 'jekyll-seo-tag'

Kemudian tunggu sebentar dan segarkan halaman github Anda dan tampilkan kode sumber halaman. Pastikan plugin SEO telah memasukkan skrip java analytics Anda. Info lebih lanjut di sini: https://github.com/jekyll/jekyll-seo-tag

Dari instruksi instalasi, saya tidak perlu menambahkan {% seo%} di html, untungnya, karena saya tidak punya html. Github tampaknya telah memikirkan hal itu.

Json
sumber