So fügen Sie GitHub-Seiten eine Google Analytics-Tracking-ID hinzu

182

Könnte eine einfache Frage sein, aber ich bin im Moment voller Zweifel , ob ich der GitHub-Seite die Google Analytics-Tracking-ID hinzufügen soll .

Ich verwende den automatischen Seitengenerator von GitHub, um meine GitHub-Seite zu erstellen, aber es wird nach "Google Analytics Tracking ID" gefragt. Ich habe versucht, mich bei Google Analytics anzumelden, aber dort wird nach der URL der Website gefragt.

Was soll ich jetzt tun?

Noch eine Frage: Können wir die Google Analytics-Tracking-ID später hinzufügen, nachdem die GitHub-Seite erstellt wurde?

github google-analytics github-pages exexzian
quelle
Einige vorgeschlagene Ansätze, aber ich kann noch keinen davon zum Funktionieren bringen / bestätigen. Ich hoffe, dass es in ungefähr 24 Stunden anfängt zu arbeiten.
Christopher D. Emerson
1
/ Headdesk. Ich hatte meinen Brave-Browser, der Tracker auf meinen Websites blockierte. Es hat die ganze Zeit funktioniert. Ebenfalls verwirrend für mich war der (halb) jüngste Wechsel von ga (Google Analytics) zu gtag (Google Tag). Anscheinend brauchst du jetzt nur noch das gtag () Zeug, nicht mehr das ga () Zeug. Spaß. Diese Links haben mir geholfen , mein Problem zu diagnostizieren: chrome.google.com/webstore/detail/tag-assistant-by-google/... und analyticsmania.com/post/google-tag-manager-vs-google-analytics
Christopher D. Emerson
@ ChrisEmerson, das ist ein nützliches Update :)
Exexzian
Ich hatte ähnliche Probleme mit meinen nicht registrierten Besuchen. Es stellte sich heraus, dass AdBlock dafür verantwortlich war.
Andrew Zaw

Antworten:

161

Update : Schrittbeschreibungen für andere hinzugefügt

Es wurde behoben:
musste username.github.io(Link, den ich verfolgen möchte) in den Google Analytics-Website-Bereich aufnehmen.

Sie können die GitHub-Hilfeseite hier überprüfen

Geben Sie hier die Bildbeschreibung ein

Danach wurde mir eine Tracker-ID zur Verfügung gestellt.

Hinweis: Sie können auf einfache Weise weitere Websites auf der Google Analytics-Seite in Ihrem Google Analytics-Administrationsbereich ändern oder hinzufügen.

Update 2: - Hinzufügen einer Google Analytics-Tracking-ID zu bereits erstellten Github-Seiten (wie von @ avi-aryan angefordert )

  1. Navigieren Sie zu Ihrem Zweig für Github-Seiten - der ungefähr so aussieht -
    ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
  2. Bearbeiten Sie dann index.htmlaus den aufgelisteten Dateien
  3. Fügen Sie nun innerhalb des HEADTags von index.html- Ihr Google Analytics-Tracking-ID-Skript ein (wenn Sie sich bereits für Google Analytics angemeldet haben, können Sie es unter admin und dann auf der Registerkarte " Tracking-Informationen" durchsuchen. )
exexzian
quelle
1
Ich habe sie hinzugefügt, Google Analytics sagt jedoch, dass das Tracking nicht installiert ist. Meine Seite wie in G-Analytics angegeben isthttp://avi-aryan.github.io
Avi
1
@ OhadR ohh Entschuldigung, wenn es nicht geholfen hat u
exexzian
1
Zu Ihrer Information: Ich habe dieselbe Logik für die Bearbeitung verwendet, index.htmlum auch das Conversion-Tracking von Twitter hinzuzufügen. Vielen Dank!
Pulkitsinghal
1
@ sc28 Wann haben Sie Analytics auf Ihre Seite gesetzt? Google aktualisiert normalerweise das Dashboard nach einer Weile
exexzian
2
@ sc28 nein es dauert normalerweise ein oder zwei Tage .. überprüfen Sie nach ein oder zwei
Tagen
69

Wenn Sie Jekyll mit GitHub-Seiten verwenden, habe ich gerade einen Beitrag geschrieben, in dem gezeigt wird, wie Sie die Google Analytics-Tracking-ID korrekt zu Jekyll hinzufügen .

  1. Sie finden Ihren Universal Analytics-Tracking-Code unter Admin> Eigenschaft> Tracking-Informationen> Tracking-Code.

  2. Erstellen Sie eine neue Datei mit dem Namen analytics.htmlim _includesOrdner im Verzeichnis Ihrer Jekyll-Website.

  3. Fügen Sie den Google Analytics Tracking-ID-Code hinzu analytics.html.

  4. Zum Schluss öffnen _layouts/head.htmlund {% include analytics.html %}kurz vor dem End- </head>Tag hinzufügen . Google empfiehlt diese Platzierung, um alle Seiten Ihrer Website korrekt zu verfolgen.

Colin
quelle
5
Danke, toller Beitrag. Es ist erwähnenswert, dass es in GitHub Pages jekyll.environment == 'production'automatisch festgelegt wird ( github.com/jekyll/jekyll/issues/1219 ), während die Jekyll-Standardumgebung'development'
Andrea
Ich hatte _layouts/default.html, aber es hat gut funktioniert (ich kenne Jekyll nicht)
Joey Baruch
1
Vielen Dank für den tollen Beitrag.
Ijuneja
16

Wenn Sie die von Jekyll bereitgestellte Minima-Vorlage verwenden, dann -

  1. Fügen Sie google_analytics: UA-xxxxxxxx-xIhrer _config.yml hinzu
  2. Erstellen Sie eine Datei _includes / google-analysis.html und fügen Sie den Google Analytics-JS-Code hinzu.

Ersetzen 

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

mit 

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

und du bist fertig!

Der Google Analytics-Code wird jetzt angezeigt, wenn Ihre Site in einer Produktionsumgebung erstellt wurde. Als Referenz finden Sie den Quellcode der Vorlage hier - https://github.com/jekyll/minima

Sie können denselben Ansatz verfolgen, wenn Sie eine andere Vorlage verwenden, indem Sie auf den Quellcode der Vorlage verweisen und die entsprechenden Dateien ersetzen.

romeo14
quelle
2
Schritt 2 wird eigentlich nicht benötigt. Überprüfen Sie die Dokumentation unter github.com/pages-themes/minimal
kzu
16

Ist besser, GA-Beacon dafür zu verwenden. GA-Beacon kann Ihr gesamtes GitHub-Repo verfolgen, auch wenn der besuchte Link kein HTML-Dokument ist.

Bitte überprüfen Sie: https://github.com/igrigorik/ga-beacon

Schwach
quelle
Es funktioniert, aber alle meine Echtzeit-Datensätze stammen aus Ashburn, VA. Auch wenn ich die Seite vor Ort besuche ... sehr weit von VA entfernt.
Jtlindsey
@jtlindsey - Gibt es eine Chance, dass Ihr Bild / Pixel bei einem CDN in Ashburn, VA, zwischengespeichert wird?
Pulkitsinghal
@pulkitsinghal Ich bin mir nicht ganz sicher, dieser Beitrag war vor fast einem Monat und ich habe ihn seit ein paar Wochen verwendet und die Daten waren immer Ashburn VA. Wenn ich jetzt auf meine Daten zurückblicke, zeigen die Daten, dass der Standort nicht in Echtzeit festgelegt ist, aber es gibt Abfragen aus der ganzen Welt in der Geschichte, sodass ich nicht sicher bin, wo der Fehler liegt. Ich werde es wahrscheinlich entfernen, weil die Daten nicht korrekt sind.
Jtlindsey
5

Sie können einer Jekyll-Website Google Analytics wie jeder anderen Website hinzufügen.

Navigieren Sie nach dem Einrichten Ihres Google Analytics-Kontos zunächst zur Registerkarte "Administrator".

navbar

Klicken Sie anschließend im Kontenbereich links auf : Create New Account.

Konto hinzufügen

In Google Analytics stellt ein Konto eine Reihe von Seiten dar, die Sie verfolgen möchten. Richten Sie das Konto der Website wie gewünscht ein.

Nachdem Ihr Konto erstellt wurde, werden Sie zu einer Seite weitergeleitet, auf der Sie darüber informiert sind, Tracking IDund über ein JavaScript-Snippet, mit dem Sie die Seiten einfügen können, die Sie verfolgen möchten. Fügen Sie dieses Snippet einfach in alle Seiten ein, die Sie verfolgen möchten. Wenn Sie ein Standardlayout verwenden, platzieren Sie dieses Snippet irgendwo darin.

Übrigens, da Sie auf GitHub-Seiten hosten, benötigen Sie Google Analytics nur, wenn Sie sehr detaillierte Analysen wünschen. Wenn Sie sich nur für Seitenaufrufe interessieren, hat GitHub dies.

0xcaff
quelle
3
Ich bin ziemlich davon überzeugt, dass das Tracking von GitHub nur für den Datenverkehr zum GitHub-Repository selbst (einschließlich Quellcode) bestimmt ist. In meinem GitHub Pages-Site-Repo wird nur der Datenverkehr zu GitHub-URLs angezeigt.
Nick McCurdy
3

Ich verwende die Datei README.md als Quelle für meine persönliche GitHub-Seite. Ich benutze auch eines der von GitHub unterstützten Themen 'cayman'. Abgesehen von _config.yml sind im Repository keine weiteren Dateien erforderlich (es sei denn, Sie möchten Ihr unterstütztes Design ändern).

Um Google Analytics hinzuzufügen, habe ich gerade die Hinweise im 'cayman'-Repository ( https://github.com/pages-themes/cayman ) befolgt :

Cayman berücksichtigt die folgenden Variablen, wenn sie in der _config.yml Ihrer Site festgelegt sind:

google_analytics: [Ihre Google Analytics-Tracking-ID]

Punkt! Noch etwas! Alles funktioniert auf der Seite von Google Analytics! Dies ist möglicherweise eine praktikable Option für diejenigen, die nach einer schnellen Einrichtung von GitHub-Seiten mit Google Analytics suchen.

Sergei Zaitseff
quelle
1

Wenn Sie eine automatisch generierte Github-Seite aus Ihrem Github README.md verwenden, war dies für mich der einfachste Weg: Bearbeiten Sie einfach Ihre _config.yml so (mit Ihrer eigenen Google Analytics-UA-ID):

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

Fügen Sie dann Ihrem Repository-Stammverzeichnis eine neue Datei mit dem Namen Gemfile mit folgendem Inhalt hinzu:

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

Warten Sie dann ein wenig und aktualisieren Sie Ihre Github-Seite und zeigen Sie den Quellcode der Seite an. Stellen Sie sicher, dass das SEO-Plugin Ihr Analytics-Java-Skript eingefügt hat. Weitere Infos hier: https://github.com/jekyll/jekyll-seo-tag

Aus der Installationsanleitung ging hervor, dass ich zum Glück nicht {% seo%} in den HTML-Code einfügen musste, da ich keinen HTML-Code habe. Daran scheint Github gedacht zu haben.

Json
quelle