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“
      shariff_1
    2. Klicken Sie auf „basic setup“
      shariff_2
    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“
      shariff_3
    4. Tragen Sie bei der Sicherheitskontrolle den angezeigten tet ein und klicken auf „Absenden“
      shariff_4
  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
      shariff_5
    2. Bestätigen Sie, dass der App-Status auf „öffentlich“ gesetzt werden soll
      shariff_6
  5. Abruf der App-ID und des App-Geheimcode
    1. Klicken Sie links im Menübaum auf „Dashboard“ und dann auf „Anzeigen“
      shariff_7
    2. Tragen Sie Ihr persönliches Facebook-Kennwort ein und klicken auf „Absenden“
      shariff_8
    3. Der App-Geheimcode wird jetzt angezeigt
      shariff_9
  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“
      shariff_10
    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:
      shariff_12
    3. Sollten Sie keine Ergebnisse oder eine fehlermeldung angezeigt bekommen, prüfen Sie nochmals die vorgenommenen Änderungen!
      shariff_11