GitHub Sayfalarına Google Analytics İzleme Kimliği nasıl eklenir?


183

Basit bir soru olabilir ama ben ekleme hakkında elimizde şüphe doluyum Could Google Analytics İzleme Kimliğini için GitHub sayfasında .

GitHub sayfamı oluşturmak için GitHub otomatik sayfa oluşturucu kullanıyorum ancak "Google Analytics İzleme Kimliği" istiyor. Google Analytics'e kaydolmaya çalıştım, ancak orada web sitesi URL'si istiyor.

Şimdi ne yapmam gerekiyor?

Bir soru daha: GitHub Sayfası oluşturulduktan sonra daha sonra Google Analytics İzleme Kimliğini ekleyebilir miyiz?


Oldukça az önerilen yaklaşımlar ama henüz hiçbirini çalıştıramadım / onaylayamıyorum. Sadece 24 saat içinde çalışmaya başlamasını umuyorum.
Christopher D. Emerson

1
/Kafa masası. Sitelerimde Brave tarayıcımı izleyicileri engelledim. Tüm zaman boyunca çalışıyordu. Ayrıca benim için kafa karıştırıcı bir şey ga (google analytics) 'den gtag (google tag)' a (yarı) son hamleydi. Görünüşe göre artık sadece gtag () öğelerine ihtiyacınız var, artık ga () öğelerine artık ihtiyacınız yok. Eğlence. Bu bağlantılar sorunumu teşhis etmeme yardımcı oldu: chrome.google.com/webstore/detail/tag-assistant-by-google/… ve analyticsmania.com/post/google-tag-manager-vs-google-analytics
Christopher D. Emerson

@ChrisEmerson bu bazı yararlı güncelleme :)
exexzian

Ziyaretlerimin kayıtsız kalmasına benzer sorunlar yaşadım, AdBlock'un bunlardan sorumlu olduğu ortaya çıktı.
Andrew Zaw

Yanıtlar:


162

Güncelleme : Diğerleri için adım açıklamaları eklendi

Çözüldü: Google Analytics web sitesi bölümüne
eklemek username.github.io(izlemek istediğim bağlantı) gerekiyordu.

GitHub yardım sayfasını buradan kontrol edebilirsiniz


resim açıklamasını buraya girin


Bundan sonra bir Tracker Kimliği sağlandı.


Not: Google Analytics yönetici panelinizden Google Analytics sayfasında kolayca daha fazla web sitesini değiştirebilir veya ekleyebilirsiniz.


2. Güncelleme: - Zaten oluşturulmuş Github sayfalarına Google Analytics İzleme Kimliği ekleme ( @ avi-aryan tarafından istendiği gibi )

  1. Github sayfaları şubenize göz atın - ki bu böyle bir şey olabilir -
    ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
  2. Sonra index.htmllistelenen dosyalardan düzenleyin
  3. Şimdi HEADetiketinde index.html- Google Analytics İzleme Kimliği Komut Dosyanızı yapıştırın (Google analitiğine kaydolduysanız, yönetici ve ardından izleme bilgileri sekmesi altında göz atabilirsiniz )

1
Bunları ekledim, ancak Google analytics, İzlemenin yüklü olmadığını söylüyor. G-Analytics'te belirtildiği gibi sayfamhttp://avi-aryan.github.io
Avi

1
@OhadR ohh u yardım etmedi eğer bunun için üzgünüm
exexzian

1
Bilginize: Aynı mantığı, index.htmltwitter dönüşüm izlemeyi eklemek için de düzenleme için kullandım . Teşekkürler!
pulkitsinghal

1
@ sc28 sayfanıza ne zaman analiz yaptınız? Google genellikle bir süre sonra kontrol panelini günceller
exexzian

2
@ sc28 hayır genellikle bir veya iki gün sürüyor .. bir veya iki gün sonra kontrol edin
exexzian

69

İlgilenen herkes için, GitHub sayfalarıyla Jekyll kullanıyorsanız, Google Analytics İzleme Kimliğinin Jekyll'e nasıl doğru şekilde ekleneceğini gösteren bir yazı yazdım .

  1. Universal Analytics izleme kodunuzu Yönetici> Mülk> İzleme Bilgileri> İzleme Kodu altında bulabilirsiniz.

  2. Jekyll web sitenizin dizininde analytics.htmlbulunan _includesklasörde yeni bir dosya oluşturun .

  3. Adresine Google Analytics İzleme Kimlik kodunu ekleyin analytics.html.

  4. Son olarak, açın _layouts/head.htmlve {% include analytics.html %}bitiş </head>etiketinden hemen önce ekleyin . Google, bu yerleşimi web sitenizdeki tüm sayfaları doğru şekilde izlemenizi önerir.


5
Teşekkürler, harika gönderi. GitHub Sayfaları'nda jekyll.environment == 'production'otomatik olarak ayarlandığını ( github.com/jekyll/jekyll/issues/1219 ), Jekyll varsayılan ortamının ise'development'
Andrea

Ben vardı _layouts/default.html, ama iyi çalıştı (Jekyll aşina değilim)
Joey Baruch

1
Teşekkür ederim harika gönderi.
ijuneja

16

Jekyll tarafından sağlanan minima şablonunu kullanıyorsanız -

  1. Ekle google_analytics: UA-xxxxxxxx-xsenin _config.yml için
  2. _İncludes / google-analytics.html dosyası oluşturun ve içine google analytics js kodunu ekleyin.

değiştirmek

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

ile

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

ve hazırsınız!

Siteniz üretim ortamında oluşturulmuşsa, Google analiz kodu artık görüntülenecektir. Referans için şablonun kaynak koduna bakın - https://github.com/jekyll/minima

Farklı bir şablon kullanıyorsanız, şablonun kaynak koduna başvurarak ve ilgili dosyaları değiştirerek aynı yaklaşımı uygulayabilirsiniz.


2
Adım 2 aslında gerekli değildir. Github.com/pages-themes/minimal
kzu

16

Bunun için GA-Beacon kullanmak daha iyidir. GA-Beacon, ziyaret edilen bağlantı bir html belgesi olmasa bile tüm GitHub repo'nuzu izleyebilir.

Lütfen kontrol edin: https://github.com/igrigorik/ga-beacon


Çalışıyor ama tüm gerçek zamanlı veri kayıtları Ashburn VA'dan geldi. Sayfayı yerel olarak ziyaret ettiğimde bile ... VA'dan çok uzakta.
jtlindsey

@jtlindsey - Resminizin / pikselinizin Ashburn VA'daki bir CDN'de önbelleğe alınma olasılığı var mı?
pulkitsinghal

@pulkitsinghal Tamamen emin değilim, Bu yazı neredeyse bir ay önceydi ve birkaç hafta boyunca kullanıyordum ve veriler her zaman Ashburn VA'ydı. Verilerime şimdi baktığımda, veriler gerçek zamanlı olarak ayarlanmayan yerleri gösteriyor ancak tarihte dünyanın her yerinden sorgular var, bu yüzden hatanın nerede olduğundan emin değilim. Veri doğru olmadığı için büyük olasılıkla kaldıracağım.
jtlindsey

5

Google Analytics'i bir Jekyll sitesine başka herhangi bir sitedeki gibi ekleyebilirsiniz.

İlk olarak, Google Analytics hesabınızı ayarladıktan sonra yönetici sekmesine gidin.

navbar

Sonra, hesapları panelin altında, sol tarafta, tıklatın: Create New Account.

hesap eklemek

Google Analytics'te bir hesap, izlemek istediğiniz bir dizi sayfayı temsil eder. Web sitesinin hesabını istediğiniz gibi ayarlayın.

Hesabınız oluşturulduktan sonra, size söylemek istediğiniz Tracking IDve takip etmek istediğiniz sayfalara koymanız için bir JavaScript snippet'i olan bir sayfaya gönderilirsiniz . Bu pasajı izlemek istediğiniz tüm sayfalara koyun. Veya, varsayılan bir düzen kullanıyorsanız, bu snippet'i içinde bir yere koyun.

Bu arada, GitHub Sayfalarında ev sahipliği yaptığınızdan, çok ayrıntılı analiz istemiyorsanız Google Analytics'e ihtiyacınız yoktur. Önem verdiğiniz tek şey sayfa görüntülemeler ise GitHub'da bu vardır.


3
GitHub'ın izlemesinin sadece GitHub havuzunun kendisine (kaynak kodu dahil) trafik için kullanıyorum. GitHub Sayfaları site depom yalnızca GitHub URL'lerine giden trafiği gösteriyor.
Nick McCurdy

3

README.md dosyasını GitHub kişisel sayfam için kaynak olarak kullanıyorum. Ayrıca GitHub'ın desteklediği 'cayman' temalarından birini de kullanıyorum. Depoda _config.yml dışında başka dosya gerekmez (desteklenen temanızı değiştirmek istemiyorsanız).

Google Analytics'i eklemek için, 'cayman' deposundaki önerileri izledim ( https://github.com/pages-themes/cayman ):

Cayman, sitenizin _config.yml dosyasında ayarlanırsa aşağıdaki değişkenlere saygı gösterir:

google_analytics: [Google Analytics izleme kimliğiniz]

Tam durak! Başka herhangi bir şey! Her şey Google Analytics tarafında çalışıyor! Google Analytics ile GitHub Sayfalarının hızlı bir kurulumunu arayanlar için uygun bir seçenek olabilir.


1

Eğer github README.md'den otomatik olarak oluşturulan bir github sayfası kullanıyorsanız, bunu en kolay yol olarak buldum: Bunun için _config.yml dosyanızı düzenleyin (kendi google analytics UA kimliğinizle):

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

Ardından bu içeriğe sahip Gemfile adlı havuz kökünüze yeni bir dosya ekleyin:

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

Sonra biraz bekleyin ve github sayfanızı yenileyin ve sayfa kaynak kodunu gösterin. SEO eklentisinin analitik java komut dosyanızı eklediğini doğrulayın. Daha fazla bilgi için: https://github.com/jekyll/jekyll-seo-tag

Yükleme talimatından, html'ye {% seo%} eklemem gerekmedi, çünkü html'im yok. Github bunu düşünmüş görünüyor.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.