Vous lisez

Comment créer une page de révélation Facebook avec iFrame

Réseaux sociaux

Comment créer une page de révélation Facebook avec iFrame

Cet article est sur demande, explique comment créer une page de révélation Facebook et s’appuie sur le blog précédent sur la gestion d’une campagne publicitaire Facebook.

Une page de révélation Facebook est une page de destination personnalisée hébergée sur votre serveur et liée à une application Facebook qui crée un onglet personnalisé sur votre page Facebook qui affiche un message de vente à un non-fan et l’encourage à cliquer sur « J’aime ». recevoir un nouveau message « fans only ». Un exemple de la façon dont cela fonctionne serait d’aller sur la page facebook d’un nouveau groupe, de voir une image ou un contenu qui promet un téléchargement gratuit si les gens cliquent sur « J’AIME » et une fois que ces gens cliquent sur « J’AIME », la page change pour qu’ils voient un lien vers le téléchargement gratuit.

Le potentiel marketing de cela est évident et les pages qui utilisent des onglets de révélation personnalisés convertissent beaucoup plus d’utilisateurs que les pages qui n’en utilisent pas. Alors, comment commencer ? Eh bien, c’est un processus délicat si vous êtes propriétaire d’une petite entreprise et non développeur Web, mais vous devrez devenir développeur (littéralement) pour accomplir cette tâche !

Étape 1 : Devenez un développeur Facebook

Cela semble fantastique, mais vraiment n’importe qui peut devenir un développeur Facebook en recherchant « Développeur » et en choisissant l’application marquée « Développeur ». Vous aurez besoin d’un compte Facebook vérifié pour devenir développeur, ce qui signifie que vous devez avoir à un moment donné fourni à Facebook une carte de crédit ou un numéro de téléphone. Si vous ne l’avez pas encore fait, vous serez invité à vérifier votre compte au cours de ce processus.

Étape 2 : Créez votre première application

Quelle? Pas de formation ? Aucun besoin ! Cliquez simplement sur le bouton « Apps » de http://developers.facebook.com/ puis sur l’onglet Créer une nouvelle application en haut à droite.

Vous serez invité à saisir le nom d’affichage de l’application (pourquoi ne pas choisir « Ma première page de destination » ?). Vous n’avez pas à vous soucier de l’option Namespace car les onglets personnalisés ne nécessitent pas nécessairement cette fonction. Une fois que vous avez choisi le nom d’affichage de votre application et que vous avez accepté les conditions de Facebook, cliquez sur Continuer. Vous serez invité à répondre à un Capcha pour la sécurité.

Vous serez redirigé vers la page d’édition de votre application. Il y a beaucoup de choses sur cette page, mais notez bien les deux chaînes de nombres aléatoires en haut marquées APP ID et APP SECRET – vous en aurez bientôt besoin ! Pour l’instant, cependant, vous pouvez mettre cette page de côté et passer à la création de vos pages de destination réelles.

Étape 3 : Créez vos pages de destination HTML.

Ce que fait l’application Facebook que vous avez créée à l’étape 2, c’est de prendre un site Web HTML réel que vous hébergez sur votre serveur et de dire à Facebook de prendre ce site Web et de le déposer sur votre page Facebook. Mais il y a du code funky et des fichiers PHP spéciaux impliqués dans cette opération. J’ai fait ce travail pour vous, donc si vous souhaitez travailler à partir d’un modèle, veuillez télécharger mon modèle personnalisé à partir du lien suivant : http://dl.dropbox.com/u/19566792/landingpagetemplate.zip

Dans ce fichier zip, vous trouverez les éléments suivants :

likeimage.jpg – Élément de yourlikepage.html

notlikeimage.jpg – Élément de yournotlikepage.html

yourlikepage.html – Ce que les utilisateurs voient lorsqu’ils aiment votre page

yournotlikepage.html – Ce que les utilisateurs voient AVANT qu’ils n’aiment votre page.

index.php – Un peu de code pour aider facebook à déterminer ce qu’il faut montrer quand

facebook.php – Beaucoup de code pour aider facebook

addtext.txt – Un lien pour aider à associer votre application et html à votre page.

Les images que j’ai fournies sont brutes et vous pouvez les modifier à votre guise en gardant à l’esprit qu’une largeur maximale de 519 pixels fonctionnera mieux sur votre page facebook. Les fichiers HTML sont entièrement modifiables, ce qui signifie que vous pouvez placer des vidéos, des liens, des diaporamas et tout ce qui est autorisé par les documents HTML. Déchaînez-vous – la fin de la conception et la fin du marketing, c’est vous, les enfants ! Lorsque vous avez terminé de créer à quoi ressembleront vos pages, passez à l’étape suivante.

Étape 4 : Utilisation de votre APP ID, APP SECRET et TÉLÉCHARGEMENT DE VOTRE PAGE

Utilisez le bloc-notes pour ouvrir index.php à partir du modèle. Vous verrez un peu de code, mais tout ce dont vous avez à vous soucier est de copier et coller votre APP ID et APP SECRET depuis votre application Facebook lorsque vous y êtes invité.

$app_id = « APP_ID_GOES_HERE » ;
$app_secret = « APP_SECRET_GOES_HERE » ;

Cliquez sur « Enregistrer », puis ouvrez « yourlikepage.html » dans le bloc-notes et copiez et collez votre APP ID à l’endroit indiqué.

ID d’application : ‘ID_APPLICATION’,

Cliquez sur « Enregistrer » puis faites de même pour « votrepagepasj’aime.html »

Une fois terminé, utilisez un programme FTP pour télécharger tous les fichiers dans un répertoire Web unique. Je suggère d’utiliser « http://www.votredomaine.com/facebook/ » pour garder les choses claires.

Étape 5 : Création de votre onglet

En supposant que vous ayez suivi les instructions de l’étape 4 et téléchargé vos fichiers sur « http://www.votredomaine.com/facebook/ », retournez dans votre compte Facebook Developers et commencez à modifier les paramètres BASIC de votre application. Vous pouvez en laisser la majeure partie, mais faites défiler vers le bas et là où Facebook vous demande de sélectionner la manière dont votre application s’intégrera à Facebook, sélectionnez « Page Tab » qui devrait être la toute dernière option.

Pour le nom de votre onglet de page, choisissez quelque chose comme « Bienvenue » car les utilisateurs verront ce nom.

Sous l’entrée d’URL de l’onglet de la page : « http://www.votredomaine.com/facebook/ »

Sous l’onglet de la page, saisissez l’URL SÉCURISÉE : « https://www.votredomaine.com/facebook/ »

Si votre hébergeur n’offre pas le HTTPS, choisissez un nouvel hébergeur et rejoignez-nous en 2012.

Vous pouvez laisser le dernier champ vide car vous ne voulez pas que les utilisateurs modifient votre page.

Cliquez sur « Enregistrer les modifications » puis cliquez sur « AVANCÉ » sous les paramètres dans le coin supérieur gauche.

Il y a beaucoup de champs ici, mais vous n’avez qu’à en changer un. Faites défiler vers le bas et sous Paramètres du canevas, assurez-vous que l’option HAUTEUR est « réglable » ou vous obtiendrez des barres de défilement moches sur votre page de destination !

Étape 6 : Activez votre application et définissez-la comme page de destination par défaut

Tu y es presque! Vous souvenez-vous de ce document addtext.txt dans le modèle ? Vous en aurez besoin pour activer votre nouvelle application sophistiquée sur votre page Facebook. Ouvrez le texte dans le bloc-notes et là où il demande l’ID d’application, saisissez votre ID d’application

https://www.facebook.com/dialog/pagetab?app_id=APP_ID_GOES_HERE&display=popup&next=http://www.facebook.com

Copiez et collez le texte dans la barre d’adresse de votre navigateur Web et cliquez sur « entrer » et vous serez redirigé vers une page qui vous permet d’installer l’application sur toutes les pages que vous administrez. Sélectionnez la page des envies et vous y êtes presque !

Une fois l’application installée, accédez à votre page Facebook, cliquez sur « Modifier la page » et accédez à l’onglet « Gérer les autorisations ».

Il devrait y avoir un champ intitulé « Default Landing Tab » qui a un menu déroulant. Cliquez sur le menu déroulant et votre nouvelle application devrait être répertoriée parmi les autres sélections. Choisissez votre application, puis enregistrez votre progression.

Et c’est tout! Désormais, lorsque de nouveaux utilisateurs verront votre page, ils seront accueillis par un message unique et lorsqu’ils cliqueront sur « J’AIME », un nouveau message apparaîtra ! Amusez-vous les enfants.

Anglais : L'homme de Facebook.  Facebook est célèbre...

Image via Wikipédia

Articles Liés
  • 9 façons uniques de générer des prospects avec des codes QR (hubspot.com)
  • Créer une page Facebook avec des images de taille maximale (vogelsocialmedia.com)
  • L’activité Facebook de page à page fonctionne (michaelpallante.wordpress.com)
  • Publicité sur Facebook : comment bien faire les choses (michaelpallante.wordpress.com)
  • Comment configurer une page de destination Facebook personnalisée (dreamgrow.com)

Erwan

Rédigé par

Erwan

Erwan, expert digital pour Coeur sur Paris, offre des insights pointus sur le marketing et les réseaux sociaux. Avec une plume vive et une analyse fine, il transforme les complexités du digital en conseils pratiques et tendances à suivre.