WordPress-Apps für Facebook vorbereiten

Es wird immer beliebter für Menschen, ihre WordPress-Sites in Facebook-Anwendungen und Fan-Seiten zu integrieren. Obwohl es in diesem Tutorial nicht darum geht, wie man eine Integration macht, ist es das werden Erklären Sie einige Smart-Code-Techniken, die für eine Facebook-spezifische Ansicht implementiert werden können.

Facebook und andere Websites haben bestimmte Richtlinien, was auf Facebook nicht zu tun ist. In diesem Lernprogramm erfahren Sie, wie Sie diese Richtlinien befolgen können.


Warum diese Technik anwenden? Vermeiden, gebannt zu werden!

So schön es auch ist, eine Facebook-App mithilfe einer WordPress-Site zu erstellen, enthalten viele Websites Werbeblöcke von Anbietern, die Facebook nicht zulässt.

Darüber hinaus wird im Internet viel darüber gesprochen, dass Google Adsense das Einbetten ihrer Anzeigen auf Facebook nicht zulässt.

Für unschuldige Webentwickler oder Blogger wäre es schädlich, gesperrt zu werden, weil entweder die Google Adsense / Facebook-Richtlinien nicht eingehalten werden. Um mögliche Probleme zu vermeiden, kann daher die folgende Technik implementiert werden.

Facebook hat eine Liste der Anbieter bereitgestellt, die von ihnen unterstützt werden: Werbeanbieter auf der Facebook-Plattform


Funktion schreiben

Wir gehen davon aus, dass Sie ein adsense-ready WordPress-Theme erstellen. In der Datei Functions.php, fügen Sie die folgende Funktion hinzu.

 Funktion is_facebook () $ url = $ _SERVER ['HTTP_REFERER']; $ parse = parse_url ($ url); $ host = $ parse ['host']; if ('apps.facebook.com' == $ host) return true;  else return false; 
  • Die Linie $ url = $ _SERVER ['HTTP_REFERER']; Setzt eine Variable der Facebook-App auf die Adresse, in der die WordPress-Site eingebunden wird. Beispiel: http://apps.facebook.com/my-app-name/
  • $ parse = parse_url ($ url); erstellt ein Array aller Komponenten, die in der Facebook-App-Adresse verwendet werden.
  • $ host = $ parse ['host']; Diese Leitung erhält den verwendeten Host, was in diesem Fall der Fall ist apps.facebook.com
  • In den nächsten Zeilen wird geprüft, ob der Host aus einer Facebook-App stammt und ein Boolean zurückgegeben wird.

Verwendung der Funktion

An Orten, an denen Sie einen Adsense-Block anzeigen möchten, können Sie Folgendes schreiben:

 if (is_facebook ()) // Nichts anzeigen oder AD von Facebook Ad Provider anzeigen else // Meine Adsense-Anzeigen anzeigen

Andere Verwendungen der Funktion

  1. Logo / Bilder in Facebook Apps ändern
  2. Erstellen Sie Facebook-spezifische Layouts
  3. Verwenden Sie Facebook-Kommentare, während Sie auf Facebook sehen

Ein netter Trick bei dieser Funktion ist das Aufrufen verschiedener Vorlagenteile. Das folgende Snippet zeigt, wie Sie eine andere Header-Datei aufrufen können header-facebook.php mit der Funktion.

 if (is_facebook ()) get_header ('facebook');  else get_header (); 

Erstellen eines Shortcodes

Vorausgesetzt, Sie arbeiten an einem Thema, öffnen Sie die Functions.php Datei und fügen Sie Folgendes hinzu:

 add_shortcode ('is_fb', 'wp_if_fb'); Funktion wp_if_fb ($ atts, $ content = null) if (is_facebook ()) return $ content;  add_shortcode ('not_fb', 'wp_not_fb'); Funktion wp_not_fb ($ atts, $ content = null) if (! is_facebook ()) return $ content; 

Die erste Zeile erstellt einen Kurzcode is_fb mit einer Rückruffunktion wp_if_fb. Inhalt, der im Shortcode übergeben wird, wird nur angezeigt, wenn die WordPress-Site in einen Facebook-iFrame eingebunden ist.

Der Zweite add_shortcode Diese Funktion wird verwendet, um Elemente in einem Beitrag anzuzeigen, die derzeit nicht über Facebook angezeigt werden.

So verwenden Sie den Shortcode

In jedem Textbereich, auf den der Shortcode-Filter angewendet wird, können Sie den zuvor erstellten Shortcode dort verwenden. Nachfolgend finden Sie ein Beispiel zur Verwendung des Snippets.

 [is_fb] Dies ist mein Text, der auf Facebook angezeigt wird [/ is_fb] [not_fb] Dieser Test wird außerhalb von Facebook angezeigt. [/ not_fb]

Ein praktischeres Beispiel ist eine Begrüßungsnachricht auf einer Info-Seite.

Zum Beispiel:

Ich möchte Sie auf meinem [not_fb] Website-Portal [/ not_fb] [is_fb] Facebook-Anwendung [/ is_fb] begrüßen.

Weitere Informationen zum Erstellen von Kurzwahlen finden Sie unter folgendem Link: Kurzcode-API


Fazit

Auch hier kann ich nicht genug betonen, wie wichtig es ist, die Richtlinien von Google / Facebook einzuhalten. Für Gastblogger, die an Websites mit Umsatzbeteiligung beteiligt sind, ist es wichtig zu wissen, dass ihre Google Adsense-Konten nicht der Gefahr ausgesetzt sind, gesperrt zu werden. Wenn durch unsere Funktion Maßnahmen ergriffen wurden, können wir das Risiko minimieren.

Für Designer wäre die von uns geschaffene Funktion die perfekte Lösung, um ein Facebook-spezifisches Design in ihren Themen zu erstellen. Durch ein solches Design kann die WordPress-Site wie eine gut gestaltete Facebook-App aussehen, indem Aspekte entfernt werden, die sie sonst eher wie eine Website erscheinen lassen. Wie das Ausblenden von Kopf- und Fußzeilen, um nur die Seite anzuzeigen, wäre dies für eine einfache Werbeseitenregisterkarte ideal.

Schließlich können die Entwickler das Plugin nutzen und in ihren WordPress-Plugins verwenden. Entwickler können das Snippet für benutzerdefinierte Registrierungs- und Anmeldeskripts, Plugins für Ankündigungen und vieles mehr verwenden.