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

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.

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

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.

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".

Klicken Sie anschließend im Kontobereich links auf: Create New 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.

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.

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.