Social Bookmarking

Benötigte Lesezeit: 5 Minuten


Einleitung

Mit diesem externen PepperShop Modul, kann der Kunde die im Shop gefundenen Artikel und Seiten mit einem Klick über seine bevorzugten sozialen Netzwerke (Facebook, Google+, Xing,…), Twitter oder Social Bookmarking Systeme wie z.B. Mister Wong verbreiten. Es stehen über 300 angebundene Systeme zur Verfügung. Das verwendete AddThis Plug-In bietet auch Auswertungen über das Verhalten im Shop an.

Anzeige ohne AddThis Profil

Sofern die AddThis Profil ID nicht im PepperShop hinterlegt ist, wird das Social Bookmarking Modul unterhalb des Kategorienmenüs angezeigt und sobald man die Detaildarstellung eines Artikels betrachtet auf dessen rechten Seite.

Abbildung 1: Anzeige in der Artikeldetailansicht
Abbildung 2: Anzeige unterhalb des Kategorienmenüs

Anzeige mit AddThis Profil

Mit einem Profil bei AddThis, kann zwischen vielen verschiedenen Anzeige Möglichkeiten ausgewählt werden. Damit etwas angezeigt wird, muss man zuerst die Buttons im AddThis-Dashboard einrichten. Wie man dies einrichtet, wird unter Punkt 6 erklärt.

Share Buttons

Mit den „Share Buttons” kann der Shop oder der Artikel von den Kunden mit wenigen Klicks in ihrem ausgewählten Social Network geteilt werden.

Abbildung 3: Verschiedene Anzeige-Möglichkeiten der Share Buttons

Follow Buttons

Damit der Kunde direkt und ohne langes Suche zu Ihrem Social Network Benutzer findet, kann man sogenannte „Follow Buttons” einrichten.

Bedienung

Sobald ein Shopbesucher auf einen AddThis-Button klickt, wird er zur Seite des jeweiligen Social Networks weitergeleitet und kann sich dort anmelden. Danach kann der Shop, bzw. der einzelne Artikel, anderen Nutzern vorgestellt werden. Hier ein Beispiel von Facebook:

Abbildung 4: Teilen eines Artikels mit Facebook

Konfiguration

Konfiguration im PepperShop

Im Administrationsmenü unter ‘Module’ > ‘AddThis’ kann das Modul konfiguriert werden.

  • Modul Aktivierung: AddThis ist aktiviert und wird angezeigt.
  • Anzeige bei Artikel: AddThis wird bei den einzelnen Artikeln angezeigt.
  • Anzeige an Standardort: AddThis wird auf der Startseite unterhalb des Kategorienmenüs angezeigt.
  • AddThis Profil-ID: Die Profil-ID des Profil (Details, siehe Kapitel 2.3)
  • AddThis Template: Zeigt den Pfad der beiden Templatedateien von AddThis an.
  • AddThis Dashboard: Verlinkt auf das offizielle AddThis-Dashboard.

Konfiguration im AddThis-Dashboard

Neues Tool erstellen

Um überhaupt starten zu können, muss zuerst ein Profil erstellt werden. Sobald dies vorhanden ist, kann man in der Navigation unter „Tools” in der Navigation ein neues „Tool” hinzufügen.

Abbildung 5: Erstellung eines Tools

Abbildung 6: Auswahl des "Tool-Typen"

Darstellungstyp

Jetzt sollten Sie eine Auswahl von verschiedenen „Tools” sehen. Hier empfehlen wir Ihnen den „Share Button” oder den „Follow Button”. Im Beispiel werden wir einen „Share Button” einrichten.

Tool Typen
Damit die Buttons so auf der Seite dargestellt werden, wie Sie es möchten, können Sie, wie in Abbildung 6 sichtbar, den „Tool Type” auswählen. Wenn Sie auf eine andere Art klicken, sehen Sie auf der rechten Seite direkt wie es auf einer Webseite aussehen könnte. Wie diese im Shop aussehen würden, sehen Sie bei Abbildung 3. Wenn Sie mit der Auswahl zufrieden sind, können Sie auf „Continue” klicken.

Konfiguration des Buttons

Im nächsten Menu wird der Button noch individualisieren.

Abbildung 7: Anpassung des "Share-Buttons"

Position
Mit den oberen zwei Auswahlmenüs definiert man, wo die Buttons angezeigt werden. Einmal für Desktops und Laptops und einmal für alle anderen mobilen Geräte.

Share Counters
Mit den „Share Counters” stellt man ein, wie die Anzahl der Teilungen der Seite dargestellt wird.

Social Networks
Unter „Social Networks” kann man auswählen, welche Netzwerke auf Ihrer Seite dargestellt werden. Hier würden wir die Option „Select your own” empfehlen, damit Ihre gewünschten Netzwerke anzeigt werden. Hier nicht zu viele auswählen, da die Seite ansonsten schnell überfüllt wirkt.

Design
Wenn Sie auf die Option „Design” drücken, können Sie noch die Darstellung der Buttons anpassen. Leider stehen ihnen nicht alle Farben zu verfügung, solange Sie nicht ein Premium-Benutzer von AddThis sind. Im Normalfall sollten die vordefinierten Farben jedoch völlig ausreichen.

Advanced Options
Dies sind erweiterte Optionen. Hier kann man noch diverse Einstellungen vornehmen. In diese werden wir hier nicht weiter eingehen, da die Standartwerte für die meisten Seiten bereits optimal sind.

Verknüpfung mit dem Shop

Damit der konfigurierte Button nun auch in Ihrem Shop dargestellt wird, müssen Sie nur noch die AddThis Profil ID in die Shop-Administration abfüllen. Die ID finden Sie im AddThis-Dashboard wenn Sie in der Navigation auf die drei Punkte klicken. Jetzt sollten Sie eine ID sehen, diese in der PepperShop-Administration im Feld „AddThis Profil ID” einfügen.

Installation

Systemanforderungen

Um das Social Bookmarking Modul einsetzen zu können, ist mindestens ein PepperShop v.3.0 Professional oder Enterprise erforderlich.

Dateien kopieren und hochladen

Das Social Bookmarking Modul besteht aus zwei Dateien und einem Verzeichnis, die man in seinen installierten PepperShop kopieren muss. Dazu entpackt man zuerst das mitgelieferte ZIP-Archiv. Es sind folgende Dateien enthalten, hier mit den Zielverzeichnissen dargestellt:

{shopdir}/shop/social_bookmarking.def.php
{shopdir}/shop/language/html_templates/social_bookmarking.tpl.html
{shopdir}/shop/Admin/module/social_bookmarking

Die Dateien lassen sich einfach via FTP oder SCP zum Webserver hochladen. Der Platzhalter {shopdir} steht dabei für das Shopverzeichnis auf dem Webserver, wo unter anderem die Datei index.php zusammen mit README.txt zu finden ist.

Anders als andere Module des PepperShops, ist dieses Modul nun umgehend aktiv. Wenn man es deaktivieren oder konfigurieren möchte, kann man dies in der Shop-Administration im Menüpunkt ‘Module’ tun (Modulverwaltung).

AddThis Account anlegen

AddThis ist die im Modul verwendete Basissoftware, um alle externen Dienste anzubinden. Die Dienstleistung ist kostenlos. Das Anlegen eines AddThis Accounts ist zwar nicht notwendig, aber sehr empfohlen, da danach eine detaillierte Statistik der Shopbesucher-Zugriffe auf diesen Bookmarking und Sharing-Dienst verfügbar ist. Ausserdem kann man das Design der Anzeige direkt bei AddThis personalisieren.

Um einen AddThis Account anzulegen, öffnen Sie die URL http://www.addthis.com/register und registrieren Sie sich.

Hilfe

Bei offenen Fragen steht das PepperShop Forum zur Verfügung:

http://www.peppershop.com

🌶️
🔥
🌶️