WordPress-apps klaar maken voor Facebook

Het wordt steeds populairder voor mensen om hun WordPress-sites te integreren in Facebook-applicaties en fanpagina's. Hoewel deze zelfstudie niet gaat over het maken van een integratie, wel zullen uitleg over enkele slimme codetechnieken die kunnen worden geïmplementeerd voor een Facebook-specifieke weergave.

Facebook en andere websites hebben een specifiek beleid over wat je niet op Facebook moet doen en deze tutorial zal je precies laten zien hoe je dit beleid kunt gehoorzamen..

Waarom deze techniek gebruiken? Vermijd gebanned raken!

Hoe mooi het ook is om een Facebook-app te maken met behulp van een WordPress-site, veel sites bevatten advertentieblokken van providers die Facebook niet toestaat.

Daarnaast is er veel gepraat over het feit dat Google Adsense de inbedding van hun advertenties op Facebook niet toestaat.

Voor de onschuldige webontwikkelaar of blogger zou het schadelijk zijn om gebanned te worden vanwege het niet naleven van het beleid van Google Adsense / Facebook; daarom, om mogelijke problemen te voorkomen, kan de volgende techniek worden geïmplementeerd.

Facebook heeft een lijst met providers die ze ondersteunen aangeboden: Advertising Providers op Facebook Platform

De functie schrijven

Voor het doel van deze tip gaan we ervan uit dat u een Adsense-ready WordPress-thema aan het bouwen bent. In het bestand functions.php, voeg de volgende functie toe.

 function is_facebook () $ url = $ _SERVER ['HTTP_REFERER']; $ parse = parse_url ($ url); $ host = $ parse ['host']; if ('apps.facebook.com' == $ host) return true;  else return false;

De lijn $ url = $ _SERVER ['HTTP_REFERER']; stelt een variabele van de Facebook-app in op het adres waarop de WordPress-site wordt iframed. Bijvoorbeeld: http://apps.facebook.com/my-app-name/
$ parse = parse_url ($ url); maakt een array van alle componenten die worden gebruikt in het Facebook App-adres.
$ host = $ parse ['host']; Deze regel zorgt ervoor dat de host wordt gebruikt, wat in dit geval het geval is apps.facebook.com
De volgende regels controleren of de host afkomstig is van een Facebook-app en retourneert een Boolean.

De functie gebruiken

Op plaatsen waar u een Adsense-blok wilt weergeven, kunt u het volgende schrijven:

 if (is_facebook ()) // Niets weergeven of AD uit Facebook-advertentieprovider weergeven Anders // Mijn AdSense-advertenties weergeven

Ander gebruik van de functie

Verander logo / afbeeldingen op Facebook Apps
Maak Facebook specifieke lay-outs
Gebruik Facebookcommentaar tijdens het bekijken op Facebook

Een leuk trucje met deze functie is om verschillende sjabloononderdelen op te roepen. Het onderstaande fragment laat zien hoe u een ander header-bestand kunt aanroepen header-facebook.php door de functie te gebruiken.

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

Een shortcode maken

Ga er nog van uit dat je aan een thema werkt, open het functions.php bestand en voeg het volgende toe:

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

De eerste regel maakt een shortcode is_fb met een terugbel-functie wp_if_fb. Inhoud die in de shortcode wordt doorgegeven, wordt alleen weergegeven als de WordPress-site is ingepakt in een Facebook iFrame.

De seconde add_shortcode functie wordt gebruikt om items weer te geven in een bericht dat momenteel niet wordt bekeken via Facebook.

Hoe de shortcode te gebruiken

Binnen elk tekstgebied waar het shortcode-filter wordt toegepast, kunt u de eerder gemaakte shortcode daar gebruiken. Hieronder ziet u een voorbeeld van hoe u het fragment kunt gebruiken.

 [is_fb] Dit is mijn tekst die op Facebook verschijnt [/ is_fb] [not_fb] Deze test zal buiten Facebook getoond worden [/ not_fb]

Een meer praktisch voorbeeld is een welkomstbericht op een pagina over ongeveer.

Bijvoorbeeld:

Ik wil je graag welkom heten in mijn [not_fb] Website Portal [/ not_fb] [is_fb] Facebook-applicatie [/ is_fb]

Ga naar deze link voor meer informatie over het maken van shortcodes: Shortcode API

Conclusie

Nogmaals, ik kan niet genoeg benadrukken over het belang van het naleven van het beleid van Google / Facebook. Voor gastbloggers die zich bezighouden met sites voor het delen van inkomsten, is het belangrijk te weten dat hun Google Adsense-accounts geen risico lopen te worden verbannen. Daarom kunnen we, als er maatregelen werden getroffen door onze functie te gebruiken, het risico minimaliseren.

Voor ontwerpers is de functie die we hebben gecreëerd een perfecte oplossing voor het maken van een Facebook-specifiek ontwerp in hun thema's. Een dergelijk ontwerp kan de WordPress-site er uit laten zien als een goed ontworpen Facebook-app door aspecten te verwijderen die ervoor zorgen dat het lijkt alsof het een website is. Net als het verbergen van de koptekst en voetteksten om alleen de pagina weer te geven, zou geweldig zijn voor een eenvoudige promotionele paginatab.

Ten slotte kunnen de ontwikkelaars profiteren van de plug-in en deze gebruiken in hun WordPress-plug-ins. Ontwikkelaars kunnen het fragment gebruiken voor aangepaste registratie- en inlogscripts, advertentieplug-ins en nog veel meer.

Code