Shariff – Bookmarks / Facebook-App erstellen

Im Rahmen der neuen Plugin-Version 4.02 unseres beliebten Plugin „Shariff Social Bookmarks and Facebook Like Box – All in one“ war es für den Abruf der Facebook-Zählerstände für shares (geteilt) und likes (gefällt mir) erforderlich, auch auf die aktuelle Facebook-Graph-API umzustellen, da Facebook die alten Abruf-APIs eingestellt hat.

Für die Nutzung der neuen Facebook-Graph-API ist es jedoch erforderlich, bei Facebook eine eigene Application zu erstellen.

In den nachfolgenden Steps beschreiben wir, wie man eine solche FB-App in wenigen Schritten erstellt.

1. Voraussetzung:
   1. Man muss ein eigenes Facebook-Konto haben.
   2. Sofern noch kein eigenes Facebook-Konto vorhanden ist, muss dieses hier zunächst eröffnet und eingerichtet werden: https://www.facebook.com/
2. Kontoanmeldung und Aufruf der Developer-Facebookseite
   1. Melden Sie sich an Ihrem Facebook-Konto an
   2. Rufen Sie dann anschließend de Developer-Facebook-Seite auf: https://developers.facebook.com/
3. Einrichtung einer Facebook-App
   1. Klicken Sie oben rechts auf „Meine Apps“ -> „neue App hinzufügen“
      
   2. Klicken Sie auf „basic setup“
      
   3. Vergeben Sie einen „Anzeigenamen“, tragen eine „Kontakt-E-Mail-Adresse“ ein und wählen als „Kategorie“ -> „Apps für Seiten“ aus.
      Klicken Sie anschließend auf „App-ID erstellen“
      
   4. Tragen Sie bei der Sicherheitskontrolle den angezeigten tet ein und klicken auf „Absenden“
      
4. App öffentlich machen
   1. Die Facebook-App ist jetzt eingerichtet. Im nächsten Schritt sollten Sie diese „öffentlich“ machen.
      Klicken Sie dazu links im Menübaum auf „App Review“ und dann in der Mitte auf „öffentlich“ machen
      
   2. Bestätigen Sie, dass der App-Status auf „öffentlich“ gesetzt werden soll
      
5. Abruf der App-ID und des App-Geheimcode
   1. Klicken Sie links im Menübaum auf „Dashboard“ und dann auf „Anzeigen“
      
   2. Tragen Sie Ihr persönliches Facebook-Kennwort ein und klicken auf „Absenden“
      
   3. Der App-Geheimcode wird jetzt angezeigt
      
6. Übernahme der App-ID und des App-Geheimcode in die Plugin-Einstellungen
   1. Rufen Sie im Shop-Admin die Plugineinstellungen auf und wechseln in das Register „ini-Editor“
      
   2. Scrollen Sie im Editor ganz nach unten und übertragen Sie von Facebook die App-ID und den SApp-Geheimcode; ersetzen Sie dabei die Platzhalter „your FB-APP-ID“ bzw. „your FB-Secret-Code“. Tragen Sie App-ID und Geheimcode bei „Facebook“ (share-Counter) und bei „Facebooklike“ (like-Counter) ein. Klicken Sie dann auf „Speichern“.
7. Test der Shariff-Einstellungen
   1. Beachten Sie die Hinweise am Anfang im ini-Editor! Passen Sie den „cacheDir-Pfad“ und den „domains“-Eintrag an. Speichern Sie ebenfalls die Änderungen.
   2. Sobald die Seite neu geladen wurde, klicken Sie auf „Shariff Backend-Test“. Es werden die Services abgefragt; das Ergebnis wird in einem neuen Fenster angezeigt:
      
   3. Sollten Sie keine Ergebnisse oder eine fehlermeldung angezeigt bekommen, prüfen Sie nochmals die vorgenommenen Änderungen!