Google Site Kit für WordPress: Die vollständige Anleitung

Google Site Kit installieren & einrichten

Komplettanleitung, wie du Google Site Kit für WordPress einrichtest

Was ist Google Site Kit und wie funktioniert Google Site Kit?

In dieser Anleitung zeigen wir dir Schritt für Schritt, wie du das Google Site Kit Plugin für deine WordPress Seite installierst, konfigurierst und einrichtest.

Kurzanleitung & Inhaltsverzeichnis

Was ist Google Site Kit?

„Google Site Kit“ ist ein neues Plugin von Google für WordPress. Das Plugin verbindet deine WordPress Seite mit Google Analytics und der Google Search Console.

Außerdem erlaubt das Site Kit Plugin die Verknüpfung mit Google AdSense, Google Optimize, Google PageSpeed Insights und dem Google Tag Manager. Du kannst direkt von deinem WordPress Dashboard auf die genannten Google Dienste zugreifen, alle Daten & Messergebnisse abrufen und einsehen. Super einfach. Super praktisch. Super cool. Danke Google!

Alle Dienste, die du mit WordPress verbinden kannst

Google Analytics
Google Search Console
PageSpeed Insights (Ladezeitenanalyse)
Google AdSense (Werbeanzeigen)
Google Optimize
Google Tag Manager

Das Google Site Kit Plugin herunterladen

So kommst du zum Plugin:

Google Site Kit ist seit Juni 2019 als Beta-Version erhältlich. Das Plugin ist noch nicht über den WordPress-Markt verfügbar. Du musst es als Zip-Datei herunterladen und dann in WordPress manuell wieder hochladen.

Wir erklären dir Schritt für Schritt, wie du das Google Site Kit Plugin herunterladen kannst:

Gehe auf https://sitekit.withgoogle.com/
Klicke nun den blauen Button „Get developer beta“
Scrolle nach unten und klicke auf den Link „download right here“
Nun hast du das Google Site Kit Plugin als .zip Datei in deinem Downloads-Ordner

Google Site Kit Plugin im WordPress Backend installieren

So kannst du das Google Site Kit Plugin in WordPress hochladen

Wir haben eine Anleitung für dich zusammengestellt und erklären dir Schritt für Schritt, wie du das Site Kit Plugin in deinem WordPress Dashboard hochladen kannst:

Logge dich auf deiner WordPress Seite ein, um ins WordPress Backend zu gelangen
Klicke in deinem WordPress Dashboard unter dem Menü-Punkt Plugins auf „Installieren“
Klicke auf den Button Plugin hochladen
Klicke auf den Button „Datei auswählen“
Wähle jetzt das zuvor heruntergeladene Plugin (.zip-Datei) in deinem Downloads-Ordner aus
Klicke auf den Button „Jetzt installieren“
WordPress wird automatisch das gezippte Plugin hochladen, entpacken und installieren
Nachdem das Plugin erfolgreich installiert wurde, klicke auf den Button „Plugin aktivieren“
Danach sollte eine Meldung erscheinen, dass das „Google Site Kit Plugin“ nun aktiviert ist

Google Site Kit richtig einrichten und verbinden

So richtest du Google Site Kit richtig ein:

Klicke im WordPress Dashboard auf den blauen Button START SETUP
Achte darauf, dass du bei Google angemeldet bist
Stelle sicher, dass du keine Popup-oder Ad-Blocker aktiviert hast

#Schritt 1 - Client ID erstellen

Das obere Bild ist der erste Schritt, wenn du damit beginnst, das Google Site Kit einzurichten. Auf dieser Seite wirst du zunächst aufgefordert, dir durch einen Klick auf den Link https://developers.google.com/web/site-kit/ ein Codeschnipsel erzeugen zu lassen, welches du anschließend in das Textfeld darunter einfügen musst. Dieser Code sorgt dafür, dass das sich das Google Site Kit Plugin auf deiner WordPress-Seite gegenüber deiner Google Search Console identifizieren kann.

So erstellt du deine Client ID:

Klicke auf den Link developers.google.com/web/sitekit
Durch einen Klick auf den obigen Link wird der Name deiner Website und die Adressef, für die der Schlüssel erzeugt werden soll, automatisch eingefügt
Kontrolliere die Daten! Achte vor allem auf die Redirect URl
- www oder non-www
- http oder https
Klicke auf den blauen Button „GET OAUTH CREDENTIALS“
Sobald das Projekt erstellt wurde, wird ein Client- Konfigurationsschnipsel angezeigt.
Kopiere diesen Wert in das entsprechende Feld in deinem Site Kit-Plugin

Fehlermeldung? Couldn't create project! Sollte bei diesem Schritt eine Fehlermeldung (Couldn't create project: field [project_id] has issue [project_id contains invalid characters] auftreten, scrolle bitte nach unten zu "Probleme bei der Einrichtung von Google Site Kit"

#Schritt 2 - Authenticate

Um den Authentifizierungsvorgang abzuschließen, musst Du Dich jetzt mit dem Button “SIGN IN WITH GOOGLE” bei deinem Google Konto anmelden
Wähle das richtige Konto aus und melde dich mit deinen Daten an

Fehlermeldung? 400 Error: redirect_uri_mismatch Sollte bei diesem Schritt eine Fehlermeldung (400 Error: redirect_uri_mismatch) auftreten, scrolle bitte nach unten zu "Probleme bei der Einrichtung von Google Site Kit"

Google Search Console mit dem Site Kit Plugin verbinden

In den nächsten Schritten muss du mehrfach die Zugriffsberechtigung bestätigen, in dem du auf „Zulassen“ klickst.

#Schritt 3-VERIFY URL

#Schritt 4 - CONNECT SEARCH CONSOLE
#Schritt 5 - FINISH

Deine Google Search Console wurde nun erfolgreich mit Google Site Kit verknüpft
Wenn deine WordPress Website bereits mit der Google Search Console verbunden war, laufen die folgenden Schritte automatisch ab
- Schritt 3 – Verify URL
- Schritt 4 – Connect Search Console
- Schritt 5 – Finish

Google Analytics mit dem Site Kit Plugin verbinden

Nun verbinden wir das Site Kit Plugin mit Google Analytics
Klicke unter Analytics auf „Connect Service“
Klicke auf den blauen Button „PROCEED“
Google warnt uns im nächsten Schritt, dass diese App nicht überprüft wurde (Das Tool ist noch in der Beta-Version)
In den nächsten Schritten muss du mehrfach die Zugriffsberechtigung bestätigen, in dem du auf „Zulassen“ klickst.
Klicke auf den blauen Button „CONFIGURE ANALYTICS“

Google PageSpeed Insights mit dem Site Kit Plugin verbinden

Fehlermeldung? Something went wrong Sollte bei diesem Schritt eine Fehlermeldung (Something went wrong / etwas ist schief gelaufen
field [project_id] has issue [project_id contains invalid characters] auftreten, scrolle bitte nach unten zu "Probleme bei der Einrichtung von Google Site Kit"

Probleme beim Einrichten von Google Site KIt

Bekannte Fehlermeldungen & Hilfreiche Fehlerbehebungen

Probleme mit Google Site Kit OAUTH CREDENTIALS

Fehler: Couldn't Create Project
field [project_id] has issue [project_id contains invalid characters]

Du hast auf den Button „Hole dir die OAUTH-Anmeldeinformationen“ „GET OAUTH CREDENTIALS“ geklickt und die Fehlermeldung „Couldn’t Create Project“ oder „Projekt konnte nicht erstellt werden“ erhalten?

Eine mögliche Problembehebung besteht darin, die Anmeldeinformationen manuell zu generieren. So geht’s:

- Schließe das Fenster „Projekt konnte nicht erstellt werden“
- Füge in die Adressleiste deines Browsers folgenden Link ein:
  https://developers.google.com/web/site-kit/?sitename=hidendesignat&siteurl=https://www.hidendesign.at
- Ersetze hidendesignat und https://www.hidendesign.at durch deine eigenen Site-Details.
- Füge auch https oder http ein
- Lade die Seite neu und klicke erneut auf den Button GET OAUTH CREDENTIALS
- Die Projektdetails sollten nun angezeigt werden.
- Anschließend kannst du die Anmeldeinformationen kopieren und diese wieder in das angeforderte Feld in Site Kit einfügen

Fehler bei Schritt 2 "Authenticate with Google"

400 Error: redirect_uri_mismatch

Redirect URl stimmt nicht mit der tatsächlichen URl überein

Du hast auf den blauen Button „Sign in with Google“ geklickt und die Fehlermeldung 400 Error: redirect_uri_mismatch erhalten? Die Redirect URl stimmt in diesem Fall nicht mit der tatsächlichen URl überein.

So kannst du den Fehler beheben:

www und non-www URL: Bitte kontrolliere, ob die Website, die du eintragen möchtest, mit der autorisierten Weiterleitungs-URIs in der Google Developer Console übereinstimmt.
Sollte die Website Url mit der Umleitungs-URI nicht übereinstimmen, setzte gegebenenfalls ein www vor Authorized Redirect URIs in der Google Developer Console

Andere häufige URI-Abweichungen sind:

Verwenden http:// in Authorized Redirect-URIs und https:// als tatsächliche URL oder umgekehrt
Verwenden des abschließenden Schrägstrichs in autorisierten Umleitungs-URIs (oder umgekehrt)
- https://www.hidendesign.at
- https://www.hidendesign.at

So kannst du „Authorized Javascript Origin“ und „Authorized Redirect-URLs“ bearbeiten:

Gehe zu https://console.developers.google.com
Wähle dein Projekt aus
Klicke auf das Menüsymbol (Burgermenü)
Wähle APIs & Dienste
Anmeldedaten (oder Credentials)
Unter OAuth 2.0-Client-IDs findest du deinen Kunden-Namen (in unserem Fall „OAuth client“)
Wenn du auf den Namen klickst, wirst du Seite auf eine Seite weitergeleitet, auf der du die Authorized Javascript Origin und Authorized Redirect-URLs bearbeiten und anpassen kannst

Hier ist ein Google-Artikel zum Erstellen von Projekt- und Kunden-ID .

Fehlermeldung beim Verbinden mit Google PageSpeed Insights

Fehler: Something went wrong
field [project_id] has issue [project_id contains invalid characters]

Du hast auf den Button „GET API KEY“ geklickt und die Fehlermeldung „Something went wrong“ erhalten?

Eine mögliche Problembehebung besteht darin, die URL zu korrigieren. So gehst du vor:

Schließe das Fenster mit der Fehlermeldung „Something went wrong“
Füge in die Adressleiste deines Browsers folgenden Link ein:
https://developers.google.com/web/site-kit/apikey?sitename=hidendesignat&siteurl=https://www.hidendesign.at
Ersetze „hidendesignat“ und https://www.hidendesign.at durch deine eigenen Site-Details
Füge auch https oder http ein
Öffne die URL
Der API Key sollte nun angezeigt werden
Anschließend kannst du den API Key kopieren und diese in das Feld im Google Site Kit Plugin einfügen

Google Site Kit für WordPress: Die vollständige Anleitung

Google Site Kit installieren & einrichten

Komplettanleitung, wie du Google Site Kit für WordPress einrichtest

Kurzanleitung & Inhaltsverzeichnis

Sabine Hiden

Was ist Google Site Kit?

Alle Dienste, die du mit WordPress verbinden kannst

Das Google Site Kit Plugin herunterladen

So kommst du zum Plugin:

So kommst du zum Plugin:

Google Site Kit Plugin im WordPress Backend installieren

So kannst du das Google Site Kit Plugin in WordPress hochladen

Google Site Kit richtig einrichten und verbinden

So richtest du Google Site Kit richtig ein:

So richtest du Google Site Kit richtig ein:

#Schritt 1 - Client ID erstellen

So erstellt du deine Client ID:

#Schritt 2 - Authenticate

Google Search Console mit dem Site Kit Plugin verbinden

#Schritt 3-VERIFY URL

#Schritt 4 - CONNECT SEARCH CONSOLE #Schritt 5 - FINISH

Google Analytics mit dem Site Kit Plugin verbinden

Google PageSpeed Insights mit dem Site Kit Plugin verbinden

Probleme beim Einrichten von Google Site KIt

Bekannte Fehlermeldungen & Hilfreiche Fehlerbehebungen

Probleme mit Google Site Kit OAUTH CREDENTIALS

Fehler: Couldn't Create Project field [project_id] has issue [project_id contains invalid characters]

Fehler bei Schritt 2 "Authenticate with Google"

400 Error: redirect_uri_mismatch

Redirect URl stimmt nicht mit der tatsächlichen URl überein

So kannst du „Authorized Javascript Origin“ und „Authorized Redirect-URLs“ bearbeiten:

Fehlermeldung beim Verbinden mit Google PageSpeed Insights

Fehler: Something went wrong field [project_id] has issue [project_id contains invalid characters]

Bist du bereit für mehr Online-Erfolg?

Mach jetzt den ersten Schritt zu deinem Online-Erfolg

Sabine Hiden

Schick mir deine Anfrage

Jetzt geht es um dich

Leistungen

Kontakt

Pakete

Burgenland

info@hidendesign.at

#Schritt 4 - CONNECT SEARCH CONSOLE
#Schritt 5 - FINISH

Fehler: Couldn't Create Project
field [project_id] has issue [project_id contains invalid characters]

Fehler: Something went wrong
field [project_id] has issue [project_id contains invalid characters]