Como integrar tu promoción con Facebook Login Seguir
Si utilizas tu propio dominio personalizado para tus campañas de Easypromos y quieres que los usuarios realicen el login con Facebook para ofrecer una forma fácil de registrarse, o quieres permitir que los usuarios compartan en Facebook, entonces debes utilizar tu propia aplicación de Facebook.
Para permitir que los usuarios realicen login con Facebook, los usuarios deben aceptar los permisos y autorizar una aplicación de Facebook. La aplicación que utilizamos por defecto para el login de los usuarios es nuestra aplicación predeterminada Easypromos Premium. Sin embargo, nuestra aplicación no es compatible con tu dominio personalizado, por lo que tienes que crear una nueva aplicación de Facebook para que los usuarios hagan login en tu dominio.
Este es el mensaje de advertencia de Facebook cuando los usuarios intentan hacer login desde tu dominio personalizado y no utilizas tu propia aplicación:
En este tutorial, explicaremos paso a paso cómo crear tu propia aplicación de Facebook y conectarla a tu promoción con tu dominio personalizado.
El proceso dura unos 15 minutos si es la primera vez que configuras la aplicación. El proceso se divide en 7 pasos:
-
Crear una nueva aplicación de Facebook
-
Configurar el producto Facebook Login
-
Configurar los opciones básicas
-
Cambiar a nivel avanzado los permisos "Public_Profile" y "Email"
-
Proceso de comprobación de datos
-
Cambiar la aplicación de Facebook al modo Live
-
Conectar la aplicación de Facebook con las promociones de Easypromos
-
Personaliza los iconos de tu aplicación
¿Qué necesitas antes de empezar?
Debes tener preparadas las siguientes dos URLS
- URL a tu política de privacidad: Puedes utilizar la URL de la política de privacidad de tu promoción, o la URL de la política de privacidad de tu sitio web o negocio.
- URL de redirección: Es la URL que deberás indicar en la configuración de la aplicación de Facebook. Esta URL la encontrarás en Integraciones > Facebook en la ficha de tu promoción:
La URL de redirección siempre tendrá este formato:
- Si tu dominio propio es https://promo.midominio.com
- La URL de redirección será: https://promo.midominio.com/utils/social/facebook
Instrucciones paso a paso
Éstos son los 7 pasos que debes seguir para crear la aplicación:
Paso 1. Crear una nueva aplicación para desarrolladores de Facebook
1.1 Entra en https://developers.facebook.com
Para crear la aplicación, necesitas tener una cuenta de desarrollador de Facebook. Si aún no tienes una, Facebook te pedirá que la crees.
1.2 - Entra en “Mis aplicaciones”.
1.3 - Haz clic en “Crear Aplicación”.
1.4 Selecciona la Aplicación tipo: Consumidor:
1.5 Introduce el nombre de tu aplicación y haz clic en “Crear aplicación”.
Éste es el nombre de la aplicación de Facebook que los participantes verán cuando el usuario elija loguearse con Facebook Login en la promoción. Al loguearse, se abrirá la ventana emergente de los permisos de Facebook. Para poder participar, tendrán que aceptar los permisos de la aplicación que estás creando.
Importante: Por favor introduce un email de contacto válido que revises diariamente. Facebook puede revisar tu aplicación en cualquier momento. La forma que estarás utilizando la aplicación con Easypromos cumple al 100% con la normativa y políticas de Facebook, pero por motivos de seguridad, Facebook realizar revisiones rutinarias de seguridad de forma periódica y puede pedirte más información sobre tu o tu aplicación. Te contactarían a través de este email, y esperarán la respuesta a través de este mismo email.
Paso 2. Configurar el producto Facebook Login
2.1 Añade “Inicie sesión con Facebook” como un producto y comienza el proceso de configuración.
2.2 En el primer paso selecciona WEB como plataforma para la configuración del producto “Inicie sesión con Facebook”. En el segundo paso introduce tu dominio personalizado como la URL de su sitio y haz clic en guardar:
2.3 Haz clic en “Configurar, situado en la columna izquierda del panel del producto:
2.4 Inserta tu URL de redirección:
Recuerda que podrás obtener la "URL de redirección" desde la sección de Integraciones > Facebook de tu promoción:
2.5 Habilita el inicio de sesión con el SDK DE Javascript:
- Cambia la opción "Iniciar sesión con el SDK de Javascript" a SÍ
- Inserta su dominio personalizado en los "Dominios permitidos para el SDK de Javascript".
Paso 3 - Configurar las opciones básicas
3.1 El primer apartado que debes de configurar es “Información básica”. Entra a Configurar > Información Básica, y actualiza los siguientes apartados:
- Dominios de la aplicación: Introduce tu dominio personalizado.
- URL de la política de privacidad: Introduce la URL de tu política de privacidad.
- URL de las instrucciones para la eliminación de datos: Introduce la URL de tu política de privacidad.
Cuando ya has completado estos tres apartados, asegúrate de hacer clic en “Guardar”.
Paso 4. Cambiar a nivel avanzado los permisos “Public_Profile” y “Email”
En este paso cambiaremos el nivel de acceso para los permisos “Public_Profile” y “Email”.
4.1 Para ello debes de hacer clic en ”Revisión de la publicación > Permisos y funciones”:
4.2 Haz clic en “Ahora no” si aparece un pop-up como éste cuando accedes al apartado “Permisos y funciones”:
4.3 Primero deberás de cambiar el nivel de acceso del permiso “Public_Profile”. Para ello debes de buscar el permiso, en el buscador de la parte superior y haz clic en "Obtener acceso avanzado":
Lee el mensaje y acepta la casilla y haz clic en confirmar (Facebook puede pedirte que introduzcas tu contraseña de nuevo):
4.4 Ahora debes de realizar los mismos pasos pero con el permiso “Email”. Para ello debes de buscar el permiso, en el buscador de la parte superior y haz clic en "Obtener acceso avanzado":
Lee el mensaje y acepta la casilla y haz clic en confirmar (Facebook puede pedirte que introduzcas tu contraseña de nuevo).
Después de realizar estos pasos, la página de “Permisos y Funciones” se verá de la siguiente manera:
¡Ya casi has terminado!
Paso 5. Comprobación del uso de los datos
El siguiente paso es completar la comprobación del uso de datos. Se trata de un paso necesario de Facebook antes de que tu aplicación esté activa. La comprobación de uso de datos te comprometerá a cumplir con el uso permitido de los permisos y a seguir la política de la plataforma de Facebook.
5.1 - Para iniciar el proceso haz clic en el botón "Comenzar", desde la alerta azul:
5.2 - Haz clic en el botón “Empezar” del pop-up que te aparece en la pantalla:
5.3 - Lee y acepta el uso permitido de los permisos “Public_Profile” y “Email”. Una vez aceptados, haz clic en Continuar:
5.5 El siguiente paso es leer y aceptar las condiciones de la plataforma de Facebook y la política para desarrolladores:
5.6 Por último, "Enviar" a Facebook la nueva aplicación, para activarla:
Paso 6. Cambiar la aplicación de Facebook al modo “En producción”
6.1 Cambia el modo de la aplicación de “En desarrollo” a “En producción, debes de hacer clic en el botón de la parte superior izquierda:
6.2 Una vez activado, la aplicación ya está creada pero ante de poder integrarla a tu promoción en Easypromos, deberás de anotar/copiar tu ID de la aplicación y Clave secreta de la aplicación. Para poder ver la clave tienes que hacer clic en “Mostrar”. Esta información la encontrarás en Configurar > Información Básica:
Paso 7. Conectar la aplicación de Facebook con las promociones de Easypromos
7.1 Entra en la ficha de la promoción en Easypromos, y haz clic en "Integraciones" > "Facebook Auth Login":
7.2 Es posible que se te pida que inicies sesión con Facebook. Una vez la hayas iniciado aplica los siguientes cambios y haz clic en "Guardar":
- Introduce tu ID de la aplicación de Facebook en el apartado “APP ID de Facebook”.
- Introduce tu clave secreta de la aplicación en el apartado “APP Secret de Facebook”.
HAZ UN TEST PARA VER QUE FUNCIONA
Para probar que funciona, realiza el login con Facebook en tu promoción. Haz el test conectándote a la promoción desde el dominio propio que has configurado.
Debería ver los permisos emergentes con el nombre de su aplicación:
Paso 8. Personaliza los iconos de tu aplicación
Para subir y/o cambiar el icono de tu aplicación, que se muestra al pedir los permisos, deberás acceder al entorno de Desarrolladores de Facebook.
8.1 Escoge la aplicación que te interesa entrando en "Mis aplicaciones" y haciendo en clic en "Administrar":
8.2 Accede al apartado Configurar > Información básica en el menú de la izquierda:
8.3 Podrás personalizar el Icono de aplicación de 1024x1024 píxeles. Para subir la imagen, ponte encima de la casilla habilitada y aparecerá el icono de un lápiz. Haz click y una ventana emergente te permitirá cargar la imagen:
Guarda los cambios antes de cambiar de pantalla. Esta imagen se utilizará al mostrar la página de solicitud de permisos en la aplicación:
8.4 El nombre que acompaña al icono de permisos (en el ejemplo anterior, "Photocontest") es el "Nombre para mostrar". Al crear la aplicación en Facebook Developers has debido introducir ya un nombre. Lo puedes modificar en cualquier momento desde el apartado Configuración > Información básica. Guarda los cambios antes de cambiar de pantalla:
Comentarios
0 comentarios
El artículo está cerrado para comentarios.