Cara menambahkan ID Pelacakan Google Analytics ke Halaman GitHub

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?

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

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)

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.

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.

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

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.

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

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.

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.

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.