Heute zeigen wir Ihnen ein Tutorial, wie Sie ein Google+ Badge-Popup hinzufügen und dass diese Funktion derzeit nicht in den von Google bereitgestellten Informationen dokumentiert ist, aber voll funktionsfähig ist.
In früheren Artikeln haben wir bereits gesehen, wie die Google+ + 1-Schaltfläche in WordPress eingefügt wird. Dieses Mal verwenden wir jedoch ein Popup, um das Google+ Abzeichen anzuzeigen und dem Besucher die Möglichkeit zu geben, uns zu seinen Kreisen hinzuzufügen.
Für diejenigen, die nicht wissen, was ein Google+ Badge ist, werde ich es schnell erklären. Google+ Badge ist nichts anderes als ein Benutzer-Badge oder ein Badge im sozialen Netzwerk von Google+. Außerdem können wir den Benutzer zu unseren Kreisen hinzufügen und sogar die mit dem Profil verbundene Seite +1 geben.
Die gesamte Dokumentation zu dieser Funktion des sozialen Netzwerks von Google+ finden Sie unter folgendem Link: https://developers.google.com/+/web/badge/?hl=de
In der offiziellen Dokumentation können wir feststellen, dass über die Funktion des Google+ Badge-Popups keine Rede ist, sondern diese Funktionalität verfügbar ist.
Ich muss klarstellen, dass es sich um ein “Hover-Popup” handelt, dh das Popup wird angezeigt, wenn Sie mit dem Mauszeiger über den Link des Google+ Profils fahren. Um es in Aktion zu sehen, können Sie mit der Maus über + ZeOVozIdea fahren .
So implementieren Sie das Google+ Badge-Popup
Das Implementieren dieses Popups ist recht einfach und wir müssen nur auf das Javascript auf der Google+ + 1-Schaltfläche auf der Seite verweisen, zum Beispiel:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
Wenn Sie bereits die Schaltfläche +1 auf Ihrer Website haben, müssen Sie den Javascript-Code nicht erneut hinzufügen.
Jetzt würden wir den Link nur über HTML-Code hinzufügen:
<a class="g-profile" href="https://plus.google.com/104546396099524006900">ZeO VozIdea</a>
Im HTML-Code des Links sehen wir, wie die g-profile Klasse verwendet wird, damit das Popup funktioniert.
Zusammenfassend sind die Anforderungen zum Implementieren des Badge-Popups:
- Dass der + 1-Javascript-Code von Google+ vorhanden ist.
- Der Link muss die Klasse
g-profile. - Die URL des Google+ Profils, das im Popup angezeigt werden soll, muss die kanonische URL sein.
Dieser letzte Punkt ist wichtig, da es mehrere Google+ Profil-URLs gibt, zum Beispiel:
- https://plus.google.com/+ZeOVozIdea
- https://plus.google.com/u/0/+ZeOVozIdea
- https://plus.google.com/u/0/104546396099524006900
Alle vorherigen URLs sind ungültig, um das Popup anzuzeigen. Das einzige, was funktioniert, ist:
- https://plus.google.com/104546396099524006900
Ich hoffe, Ihnen gefällt dieser kleine Trick und ich erwarte, dass ich in den folgenden Artikeln viel über Google+ sprechen werde.