Paginas de Fans: Tema Bloqueador de Contenido (Instalacion y Configuracion)
En facebook tenemos dos herramientas gratuitas fundamentales, las cuales son un factor clave si queremos cumplir nuestras metas de ganar dinero con internet: una son los grupos de facebook y la otra son las paginas de fans. Hay muchas paginas de fans y muchos grupos en facebook, pero solamente alrededor del 7% de los administradores de dichas paginas y grupos las usan correctamente.
En este post te mostrare como crear y configurar una pagina de fans, que es capaz de generar cientos de fanes en poco tiempo y al mismo tiempo mas visitas a tu blog o a cualquier otro lugar que quieras. Lo primero que debes hacer es ir a pagina de fans de “como ganar con internet” y descargar el paquete gratis disponible para todo aquel que se haga fan del sitio. El paquete cuenta con:
– plantilla y todos los temas graficos para la pagina de fans; los mismo que utilice para crear mi pagina (incluye Archivos .psd para modificarlos en photoshop y un aminado diferente)
– plantilla de la foto del perfil
– la plantilla incluye un formulario para captura de correos
Una vez hecho esto pues podemos comenzar la acción:
1-El primer paso es crear tu pagina fan y para esto seguiremos los pasos mostrados a continuacion:
- la forma mas facil para hacer esto es, hacer click en el enlace “crear pagina” que esta en tu perfil de facebook en el tope inferior de la pagina.
- Selecciona el tipo de pagina que quieres crear (marca o producto son las mas recomendadas)
- selecciona una categoria relacionada con el tema que hablaras en tu pagina.
- aceptas y ya esta creada tu pagina!
- Lo que resta es agregarle una imagen, alguna descripcion y seguimos con el siguiente paso.
2- El Segundo paso es subir la carpeta «fbpage1-optin» que contiene el tema de tu pagina de fans a tu servidor, En caso que presentes alguna duda de por que subirlo a nuestro servidor? …bueno, desde hace ya algun tiempo facebook creo las iframes, las cuales tiene como tarea principal conectar a facebook con sitios externos a el. En este caso nos permitira utilizar el tema de nuestra pagina de fans el cual alojaremos en nuestro servidor (hosting), pues si facebook permitiera alojar archivos (videos, fotos, paginas html, etc..) en su servidor, seria practicamente imposible o muy costoso para ellos, debido al gran trafico y el gran publico existente en esta red social. En este caso lo mas importante es saber que gracias a esto, ahora los usuarios de facebook tienen una mayor libertad a la hora configurar sus paginas de fans.
Para subir nuestro archivo, simplemente utilizaremos el programa Filezilla, el cual es una pequena aplicacion gratuita para conectarnos con el FTP de nuestro servidor.
[Ver ejemplos] – Click en la imagen para abrir en una ventana independiente.
 |
 |
Subimos la carpeta (descompactada) a public_html, esto lo podemos hacer buscando en el panel izquierdo del Filezilla nuestra carpeta (fbpage1-optin)y despues de hacer click derecho sobre ella, clik en la opcion subir, o simplemente arrastrando la carpeta desde nuestra PC hacia la carpetapublic_html en Filezilla; una vez terminada la transferencia de los archivos, verificamos que la pagina carga sin porblemas, para esto, copiamos en nuestro navegador la direccion de la pagina que recien subimos. La direccion de la pagina debe ser asi:
«http://www.tusitio.com/fbpage1-optin/fbpage1-optin.php»
3- El paso tres es crear una aplicacion, y a traves de esta es que conectaremos nuestro facebook con nuestro blog (wordpress)
(Actualizado): Este Paso ha sido actualizdo debido a los cambios realizados en Facebook a patir de Octubre 1, 2011
para este paso:
- Escribiremos en el buscador de facebook “developers” y hacemos click en la aplicación (la cuenta de facebook debe estar verificada via sms o tarjeta de crédito)
[Ver ejemplo] – Click en la imagen para abrir en una ventana independiente.
- Despues “crear nueva aplicacion” (nombrala a tu gusto)
- Espacio de nombres de la aplicacion: poner el nombre que queramos darle a la dirección donde facebook alojará la aplicacion
IMPORTANTE:
-
- Copiar el ID de la aplicaion (App ID) asi como el codigo secreto de la misma(App Secret) y guardarlo en un archivo de texto.
Al final de esta misma pagina encontramos: «Selecciona como tu aplicación se intrega con Facebook»
y aqui lo configuraremos de la siguiente forma:
-
- Aplicacion en Facebook:
canvas url: http://www.nombre-de-tu-sitio.com/
URL segura de la página principal de la aplicación: Esta es la direccion segura de tu aplicacion, que comienza con «https». Desafortunadamente esta opcion es obligatoria desde Octubre 1, 2011.Pestaña de página:
Nombre de la pestaña: nombre con el cual aparecerá la aplicación en nuestra pagina de fans.
URL de la pestaña: http://www.nombre-de-tu-sitio.com/fbpage1-optin/fbpage1-optin.php
URL segura de la pestaña: Esta es la direccion segura de tu aplicacion, que comienza con «https». Desafortunadamente esta opcion es obligatoria desde Octubre 1, 2011.
URL para editar la pestaña: http://www.nombre-de-tu-sitio.com/fbpage1-optin/fbpage1-optin.php
- Guardar los cambios
- Click en “Ver la pagina de perfil de la aplicacion”
- después en “Agregar a mi pagina” > selecciona la pagina que creaste dando click en “agregar a la pagina”
- Eso es todo!
Nota: Si la carpteta fbpage1-optin no es instalada en la carpeta raíz de tu servidor (ejemplo: http://nombre-de-tu-sitio.com/fbpage1-optin), entonces a la hora de configurar las «canvas url» de la aplicacion de facebook, debemos poner toda la direccion que antecede la carpeta «fbpage1-optin». Por ejemplo, si instalamos la carpeta en:
http://nombre-de-tu-sitio.com/facebook/prueba/fbpage1-optin entonces debemos configurar las «canvas url» de la siguiente manera:
«http://nombre-de-tu-sitio.com/facebook/prueba/»
4– El paso cuatro es editar el archivo fanpage-1-optin.php, este archivo lo encontramos en http://www.tusitio.com/fbpage1-optin/fbpage1-optin.php.
Existen varias formas de hacer esto; una de ellas es buscando el archivo con Filezilla en nuestro servidor, hacemos click derecho sobre el y nos da la opción de modificar…
[Ver ejemplo] – Click en la imagen para abrir en una ventana independiente.
y la otra variante es mediante nuestro servidor(hosting), en mi caso, yo uso Hostgator, pues para mi (y creo que para muchos también) es uno de los mejores hosting hoy en dia.
Para este servidor y comenzando desde el «Control Panel»(Panel de Control) sigues hasta la opcion «Files» (Archivos) y haces click en «Files Manager» (Administrador de Archivos) y vuelves a hacer click en «GO». Desde alli, dentro de public_html, buscas el archivo fanpage-1-optin.php y en la barra de herramientas haces click en «Code Editor» > Edit
[Ver ejemplos] – Click en la imagen para abrir en una ventana independiente.
 |
 |
Una vez en el archivo fbpage1-optin.php, simplemente buscamos la entrada‘appId’ y sustituimos los ‘9999999999999’ por nuestra ID de la aplicacion la cual copiamos al principio, y lo mismo hacemos con ‘secret’.Muy importante tener cuidado de no eliminar las comillas y ademas, debemos copiar los datos dentro de ellas.
Una vez hecho esto, simplemente salvamos nuestro trabajo (Save Changes) y cerramos el archivo.
[Ver ejemplo] – Click en la imagen para abrir en una ventana independiente.
5- Por ultimo solo nos queda configurar la pagina de fans, con el fin que cada vez que un usuario llegue a tu pagina lo primero que vea sea la pestaña con tu aplicacion, para esto desde tu perfil de facebook vamos a:
- paginas > selecciona tu pagina > editar informacion > gestionar permisos
- y en “pestaña de inicio”, seleccionas la pestaña que has creado
- salva los cambio y has finalizado la instalacion!
Ahora ya tienes tu pagina 100% creada! Espero no haya sido muy dificil… En proximos posts explicare como utilizar esta pagina para lograr muchos fans y visitas a tu blog!
IMPORTANTE: ESTE POST ESTA PENDIENTE DE ACTUALIZACIÓN DEBIDO A LOS ÚLTIMOS CAMBIOS EN FACEBOOK.
Related Posts
29 Responses so far.
Tu Opinión Es Importante
Yasser, muchas garcias!
Excelente todo o que nos has facilitado, pero estoy enredado con developers porque hay muchos el que tu muestras dice que esta cerrado, podrias ayudarme mas directamente?
Recien te envie un email carlos…
Un Saludo!
Hola
He logrado hacer todo excepto lo de poner la pestaña en mi facebook, entre las pestañas en portada no me aparece la que he creado, si voy al perfil de la aplicacion otra vez para añadir a mi pagina mi pagina no aparece por lo que deberia estar añadida, me puedes ayudar?? mi pagina Evita la Crisis
Salu2
Hola, si ya instalaste todo en la aplicacion, ahora solo debes (desde la pagina de la aplicacion) buscar donde dice «agregar a mi pagina» (o algo similar) y te saldra una lista con todas tus pagina en facebook y solo haces click en la que quieras agregar la aplicacion.
Espero sea de ayuda!
Hola
Gracias, ya hice eso y por fin puede sacar la pestaña pero ahora me sale este error:
La aplicación no está disponible temporalmente
Errores de Análisis:
FBML Error (line 5): illegal tag «body» under «fb:tab-position»
Sabes como podria solucionarlo??
Salu2
Ok, por lo que veo en el error… puede ser que tienes mal configurada la direccion de los archivos en tu servidor, pues visite tu pagina y no carga nada en la aplicacion. Revisa nuevamente que las direcciones de las pestanas son correctas y si este es el caso, asegurate que agregaste la clave secreta y la id de la app en el archivo «fbpage1-optin.php» correctamente.
Salud2s
Hola, no entiendo el primer paso para subir la carpeta a el programa. Me lo explicas? Me pide muchas cosas. Gracias.
Hola Nicolas,
– Si tu duda es con filezilla, pues en «Servidor», «usuario» y «contrasena» van los datos de tu hosting, debes tenerlos en el email que te enviaron cuando te registraste.
– La opcion «Puerto» la puedes dejar en blanco.
Espero haber aclarado tu duda
Muchas gracias por el manual, es muy bueno y muy bien explicado, pero me surge una duda.
Hay algun numero limite para las aplicaciones?
He creado unas cuantas y ahora ya no me sale la opcion de «ver la pagina de perfil de la aplicacion».
Cree la pagina ayer y hoy sigue sin aparece.
Muchas gracias de antemano.
Un saludo
Hola Gary,
No creo que exita limite para crear aplicaciones de facebook. Asegurate bien que una vez selecciones tu aplicacion en la pagina de desarrolladores de facebook, haz click en «Editar configuración» y a la izquierda veras «Vinculos relacionados» y alli esta el enlace «Ver la pagina de perfil de la aplicacion»
Saludos y Exito!
Muchas gracias por el aporte!
Hay un erorr en el tutorial.
Donde dice:
URL de la pestaña: http://www.nombre-de-tu-sitio.com/fbpage1-optin/fbpage1-optin.htm
Debería decir:
URL de la pestaña: http://www.nombre-de-tu-sitio.com/fbpage1-optin/fbpage1-optin.php
(Lo mismo para la url segura y para editar la pestaña).
Hola Agustin muchas gracias por tu comentario y por alertarme del error.. ya esta corregido…. la verdad despues que re-edite el post debido a los cambios de facebook no me di cuenta de ese detalle.
Saludos Cordiales!
Que tal Yasser,
Tengo una duda, cuando la gente se suscriba dejando su nombre y correo hacia donde debe redirigirlo? Se supone que tendria que configurar mi formulario ahi? para que descarguen la aplicación?
Porque ya tengo todo configurado como lo explicas en esta guia sin embargo al momento de hacer la prueba y registrarme lo que hace es enviarme a mi blog… existe alguna manera de configurar para mandarlo a una pagina de gracias y que descarguen el archivo?
Agradezco tu apoyo.
Saludos.
Hola Jesus …
El destino que tomaran tus suscriptores, lo debes configurar desde tu servicio de autoresponder. Cuando vas creando el formulario, te dan la opcion de hacia donde enviar los suscriptores durante el proceso de registro.
Espero haya podido aclarar tu duda
Hola Yasser,
muy buena tus recomendaciones,
seguí las instrucciones paso a paso y
Sabes a mi al ver la pagina me sale directamente la imagen para que se suscriban, en vez de para que hagan clic en me gusta…
me puedes ayudar con esto?
Hola Francisco … sobre la pagina no me das mucha informacion, pero lo unico que puedo aconsejarte ahora mismo es que revices la configuracion de tu aplicacion en facebook y que revices si estas accediendo a la pagina de fans desde un perfil que ya es fan de tu pagina, pues si es asi no veras la pagina de bienvenida, pues esta es solo para los que no son fans.
Espero esto te pueda ayudar
Que pena insistir; hice todo al pie de la letra pero mi pagina no bloquea el contenido.
pagina: HernanGarcia. Que estare haciendo mal?
Me interesa ese programa que tienes de GVO; me envias, por favor a mi correo la forma de comunicarme contigo.
Mil gracias y disculpa la isistencia.
Hernan no hay problema 🙂 …
No se si hice algo mal, pero cuando sigo la direccion que me das, me encuentro con tu perfil de facebook no con una pagina de fans, por favor corrigeme si estoy equivocado.
Ya te envie un msg para ponernos en contacto,
Saludos y Mucha suerte 😉
Todo es excelente; eres de las pocas personas que verdaderamente ayudan a los emprendedores con productos y ensenanzas utiles.
Co respecto a la pagina de fans, llego hasta donde dice «ir a On Facebook». No lo encuentro. Ademas soy un poco lento para estas cosas de tecnologia.
Mil gracias por tu ayuda.
Hola Hernan, muchisimas gracias por tu comentario!!! Soy de las personas que cree que siempre es bueno ayudar a los demas, al final todos somos una gran familia 😉
Por otra parte acabo de actulizar el Post, pues despues de los cambios de Octubre 1, 2011 en los que alojar las aplicaciones en servidores seguro, no es una opcion, sino una obligacion, tambien cambiaron un poco el diseno de la pagina como tal.
Espero que ahora este todo mas claro 😉
Yasser: Créeme que es muy digno felicitarte por tu actitud de enseñar y por lo bien que has hecho en este post explicando cómo crear una página de fans y una aplicación en facebook. A su vez, estaré muy gustoso de colaborar contigo y con los lectores de tu blog…
Muchas Gracias por tu comentario Anibal … y claro seria un placer el unir y compartir ideas contigo y todo aquel que este interesado en que el marketing por Internet se desarrolle en nuestro mercado también!
Yasser, es muy de agradecer que existan personas como tú que ayudan a los demás emprendedores en internet, como lo hace este didáctico y útil tutorial.Muchas gracias.
gracias a ti por tus palabras. Si puediera ayudarte en cualquier cosa no dudes ponerte en contacto 😉
gracias por este tutorial
Gracias a ti. En cualquier cosa que pueda ayudarte, no dudes en hacérmelo saber 😉
Suerte y Exito!
Muy buen contenido rico en temas que de verdad te ayudan a aprender en tiempo real con artículos bien definidos, eres muy buen escritor te felicito tu blog habla muy bien de tus acciones como writer…
Muchisismas gracias por tu comentario!, muy inspirador para seguir con este proyecto que recien comienza. De veras muy agradecido