Ámalo o detestalo, todos y su perro está en Facebook hoy en día; así que, como todo lo que es popular en la vida, ha sido completamente subvertido por los tipos de marketing. Un uso increíblemente efectivo de una página de marca alojada en Facebook es incentivar a las personas a que les guste la página creando contenido secreto exclusivo para miembros; comúnmente se conoce como "puerta de ventilador". Esto está lleno de videos exclusivos, descargas o tal vez un cupón de compras. Usamos uno aquí en MakeUseOf para dar a nuestros fanáticos un fácil acceso a todas las competiciones actuales.
Este tipo de aplicación básica de Facebook era relativamente simple de crear en el pasado, pero Facebook ahora requiere que todas las aplicaciones de pestañas de página tengan una versión segura, una url de acceso HTTPS, pero eso equivale a otros $ 100 por año además de los costos actuales de alojamiento para su sitio. . Incluso si tiene una pequeña tienda de comercio electrónico, puede usar PayPal como proveedor de pagos y, por lo tanto, no necesita certificados SSL. Pero no se preocupe, ya que Facebook también se ha asociado con Heroku, una empresa de alojamiento en la nube, lo que significa que puede crear su propia aplicación básica de Facebook y alojarla de manera gratuita en un servidor seguro. ¿Quiere saber más? Siga leyendo mientras hago una aplicación básica de la pestaña de la página fan-gate de Facebook, alojada de forma gratuita, en Heroku.
Registrarse como Desarrollador
Antes de hacer cualquier aplicación, necesitarás ser un desarrollador registrado. Vaya a developers.facebook.com para comenzar, y haga clic en el botón verde Register en la parte superior derecha si aún no lo ha hecho. Necesitas un número de teléfono para registrarte, pero de lo contrario es gratis.
Si ya está registrado, excelente: haga clic en Aplicaciones en la barra de herramientas superior para obtener una descripción general de sus aplicaciones actuales.
Crea una nueva aplicación
Aquí es donde comienza la diversión. Haga clic en Crear nueva aplicación . La nomenclatura en realidad no importa, pero obviamente elige algo relevante. El campo del espacio de nombres se agregará a la URL de su página de fans cuando el usuario haga clic en esa pestaña; puedes dejarlo en blanco, pero luego verán la ID de la aplicación en la URL, lo que es un poco más feo. El espacio de nombres también debe ser único, así que no te molestes con algo como "testapp" o obtendrás un error. Finalmente, marca la casilla que dice que quieres un hosting gratuito de Heroku.
Después de completar el captcha, se te invitará a elegir el tipo de hosting que deseas de Heroku: selecciona PHP y acepta. Facebook creará automáticamente una nueva cuenta para ti en Heroku si aún no tienes una, y pre-poblará la configuración de URL en tus básicos, lo que es bueno de ellos. De hecho, es muy difícil complicar este paso.
Desde la página de detalles de la aplicación, también querrás configurar el tipo de aplicación para que sea una "Pestaña de página", y asegurarte de que las URL relevantes también se ingresen allí. De nuevo, esto debería ser automático. Entonces guarda.
Primeros pasos de Heroku
Cuando haya terminado, recibirá un correo electrónico de Heroku con detalles sobre cómo cambiar su contraseña, y descargue el "toolbelt" de Heroku para su sistema. Para aquellos de ustedes que no están familiarizados con Heroku, no es un host tradicional en el sentido de que puede iniciar sesión en una dirección FTP y cargar archivos; en su lugar, Heroku trabaja con Git, un sistema de control de versiones. Una vez que tiene instalado el toolbelt, primero necesita clonar el sitio en su disco local, esto le da un directorio que es un espejo de lo que está alojado en Heroku. Cada vez que realice cambios en estos archivos, los sincroniza nuevamente para actualizar Heroku.
Las instrucciones para hacer esta primera sincronización están incluidas en su correo electrónico de bienvenida, y es un comando simple de una línea único para su dirección de alojamiento: simplemente copie y pegue desde el correo electrónico. Su URL de alojamiento es completamente arbitraria, en mi caso fue dry-woodland-7743, se genera de forma aleatoria y no importa en absoluto porque los usuarios no lo verán. Abra el directorio recién creado y eche un vistazo.
Heroku ha puesto bastante funcionalidad, pero no necesitamos la mayor parte. Abra index.php y eche un vistazo. Encuentra las siguientes líneas cerca del inicio del archivo:
$ facebook = new Facebook (array ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true, )); e inmediatamente después de eso, copia en estos:
$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['liked'];
No se preocupe si esto es demasiado complicado para usted; le daré una plantilla terminada pronto. Una solicitud firmada se envía a su aplicación desde Facebook, que incluye cierta información sobre el usuario, ya sea que tenga acceso de administrador y si le ha gustado la página o no. Si desea saber con precisión qué se envía, agregue lo siguiente:
print_r ($ signed_request);
y obtendrá una copia impresa completa del objeto de solicitud firmado.
En este punto, debo admitir que estaba teniendo problemas para lograr que la solicitud firmada funcionara, parecía que Heroku estaba eliminando los datos de la carga de la página, y solo después de cargar la API de JS (unos 10 segundos después de la carga de la página inicial) ) que la página se actualizaría e indicaría el estado correcto de "me gusta". Gracias a esta pregunta sobre el desbordamiento de pila, la solución parecía estar eliminando el código que obliga a HTTPS a los usuarios no seguros. Elimine el siguiente bloque de código al inicio de la plantilla:
// Aplicar https en producción if (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Ubicación : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); salida(); } Ahora, cuando se carga la página, tiene una variable booleana, que es verdadera o falsa, que le indica si el usuario le ha gustado la página o no. Puede usar esto con una instrucción if simple para mostrar el contenido a o b :
Coloque eso justo después de la etiqueta de apertura en index.php . Ahora, si ha visto una vista previa de su página en Heroku, notará que tiene muchísimas funcionalidades adicionales, mostrando las páginas que le han gustado, botones para publicar actualizaciones, etc., no necesitamos nada de eso realmente, así que lo eliminó todo, incluido el JavaScript SDK para Facebook, dejando solo el CSS y nuestro fan-gate. Aquí está el código simplificado que terminé usando (esta es una imagen, copie y pegue desde PasteBin si lo desea) :
Debe editar las secciones que dicen "no es un fan" y "fan" para que contengan su contenido predeterminado y secreto, respectivamente. Si prefiere mantener su contenido en un archivo separado, use:
include ("secret.html"); para importar archivos externos
Sincronizar con Heroku
Una vez que hayas realizado todas las ediciones necesarias en tu archivo, debes sincronizar la copia de seguridad con Heroku; lo hacemos "empujando" nuestra copia local a la "rama principal" en Heroku. Asegurándose de estar en el directorio correcto desde la línea de comando, escriba:
git commit -am "cambia los mensajes"
(puede reemplazar el mensaje de cambios con una nota para usted sobre los cambios que realizó esta vez; es una buena práctica mantener estos registros)
y entonces
git push heroku master
Espere a que termine el comando, ya que puede llevar un tiempo.
Paso final: agregue la aplicación a su página
Ahora que la aplicación está desarrollada, necesitamos agregarla como una pestaña a su página de marca. Curiosamente, esto se hace usando una URL especialmente diseñada:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_APP_URL_ON_HEROKU
Reemplace YOUR_APP_ID con la ID que figura en los detalles de su aplicación, y YOUR_APP_URL_ON_HEROKU con la URL para su hosting Heroku. Al cargar esta URL especial, se iniciará el cuadro de diálogo "agregar a su página", desde donde puede seleccionar la página de la marca correcta para agregar la pestaña de su página.
Entonces, listo: será un nuevo botón en tu página, como este:
Como puede ver, todavía no hemos especificado una imagen para la pestaña, por lo que se deja como predeterminada; puede hacerlo desde la página de detalles de su aplicación. Eso es básicamente así; si cargas esa pestaña, mi index.php de reemplazo te mostrará como fan o no fanático . O lo que sea que hayas personalizado para mostrar:
Admito que este proceso fue más difícil de lo que esperaba, pero evita por completo la necesidad de alojar algo en su propio servidor u obtener la certificación SSL. Si tiene alguna pregunta o problema, pregunte en los comentarios y trataré de ayudar. Si los comentarios están cerrados, diríjase a nuestro sitio de Respuestas; y, por favor, si encontraste útil este tutorial, compártelo en tu red social favorita. Además, es probable que desee consultar nuestra guía gratuita y completa de marketing en redes sociales, y también considere agregar Pinterest a su estrategia.