it-swarm.com.de

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

Könnte eine einfache Frage sein, aber ich bin im Moment voller Zweifel, ob die Google Analytics Tracking-ID zur GitHub-Seite hinzugefügt wird.

Ich verwende den automatischen GitHub-Seitengenerator, 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.

Nun, was soll ich tun? 

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

143
exexzian

Update: Schrittbeschreibungen für andere hinzugefügt 

Ich habe es gelöst:
musste username.github.io (Link, den ich verfolgen möchte) im Google Analytics-Website-Abschnitt enthalten.

sie können die GitHub-Hilfeseite hier überprüfen. 


enter image description here


Danach erhielt ich eine Tracker-ID. 


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


Update 2: - Hinzufügen von Google Analytics-Tracking-ID zu bereits erstellten Github-Seiten (Auf Anforderung von @ avi-aryan

  1. Navigieren Sie zu Ihrem github-Seiten-Zweig - was ungefähr so ​​wäre - 
    ( https://github.com/IhrBenutzername /IhrRepository/ tree/gh-pages) 
  2. Bearbeiten Sie dann index.html aus den aufgelisteten Dateien
  3. Jetzt im HEAD-Tag von index.html - fügen Sie Ihr Google Analytics-Tracking-ID-Skript ein (falls Sie sich bereits für Google Analytics angemeldet haben, können Sie es unter admin und dann unter tracking info durchsuchen). 
134
exexzian

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

  1. Sie finden Ihren Universal Analytics-Tracking-Code unter Admin> Property> Tracking-Info> Tracking-Code.

  2. Erstellen Sie eine neue Datei mit dem Namen analytics.html im Ordner _includes im Verzeichnis Ihrer Jekyll-Website.

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

  4. Öffnen Sie schließlich _layouts/head.html und fügen Sie {% include analytics.html %} unmittelbar vor dem </head>-Tag hinzu. Google empfiehlt diese Platzierung, um alle Seiten Ihrer Website korrekt zu verfolgen.

52
Colin

Besser ist es, 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

16
user4011964

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

  1. Fügen Sie google_analytics: UA-xxxxxxxx-x zu Ihrer _config.yml hinzu
  2. Erstellen Sie eine Datei _includes/google-analytics.html und fügen Sie den js-Code von google analytics hinzu. 

Ersetzen 

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

mit 

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

und du bist eingestellt! 

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

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

12
romeo14

Sie können Google Analytics auf dieselbe Weise zu einer Jekyll-Website hinzufügen wie jede andere Website.

Navigieren Sie nach dem Einrichten Ihres Google Analytics-Kontos zuerst zur Registerkarte "Admin".

navbar

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

add account

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 Sie Ihr Konto erstellt haben, werden Sie auf eine Seite mit Ihrem Tracking ID weitergeleitet, die über ein JavaScript-Snippet für die Seiten verfügt, 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, fügen Sie dieses Snippet irgendwo ein.

Da Sie auf GitHub-Seiten hosten, benötigen Sie übrigens Google Analytics nur dann, wenn Sie sehr detaillierte Analysen wünschen. Wenn Sie nur auf Seitenaufrufe achten, hat GitHub dies.

4
0xcaff

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

Um Google Analytics hinzuzufügen, habe ich einfach den Rat im "cayman" -Repository befolgt ( https://github.com/pages-themes/cayman ): 

Cayman respektiert die folgenden Variablen, wenn dies in _config.yml Ihrer Site festgelegt ist:

google_analytics: [Ihre Google Analytics-Tracking-ID]

Punkt! Noch etwas! Alles funktioniert auf der Seite von Google Analytics! Dies kann eine Option für diejenigen sein, die eine schnelle Einrichtung von GitHub-Seiten mit Google Analytics suchen.

0
Sergei Zaitseff

Wenn Sie eine automatisch generierte Github-Seite aus Ihrer Github-Datei README.md verwenden, stellte ich fest, dass dies der einfachste Weg ist.

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 dem Repository-Stammverzeichnis mit dem folgenden Inhalt eine neue Datei mit dem Namen Gemfile hinzu:

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

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

Von der Installationsanweisung aus musste ich nicht {h {% seo%}} zum HTML-Code hinzufügen, zum Glück, da ich kein HTML habe. Github scheint daran gedacht zu haben.

0
David