Ejemplos de aplicaciones de Facebook

Cuando un usuario hace clic en la ficha de una aplicación de Facebook, se muestra en un espacio de 810 píxeles de ancho. Adobe Campaign utiliza una aplicación web de tipo Facebook para permitirle definir y personalizar el contenido mostrado en la aplicación de Facebook, lo que facilita la adquisición de perfiles.

NOTA

También es posible integrar Adobe Campaign con una aplicación de Facebook desarrollada por un socio. En este caso, no es necesario utilizar la aplicación web de Adobe Campaign para adquirir perfiles de Facebook. Para más información, consulte Configuración de cuentas externas.

IMPORTANTE

Siga los pasos de configuración descritos en Creación de una aplicación de Facebook.

NOTA

Esta sección detalla los elementos vinculados a las aplicaciones web de tipo Facebook. Todos los elementos compartidos con aplicaciones web estándar se detallan en esta sección.

Los ejemplos de aplicaciones web de tipo Facebook detallados a continuación son:

IMPORTANTE

Estos casos de uso sencillo se proporcionan como ejemplos para ilustrar las funcionalidades de las aplicaciones web de tipo Facebook.

Recomendaciones

Las siguientes limitaciones están vinculadas directamente a Facebook:

  • Debe crear todas las aplicaciones web en HTTPS.
  • Una aplicación de Facebook que se muestra mediante una ficha tiene una anchura de 810 píxeles.

Inicio rápido: creación de una aplicación de Facebook en siete pasos

Este ejemplo proporciona un proceso paso a paso de cómo mostrar una aplicación creada por Adobe Campaign en Facebook. En este caso, deseamos crear una aplicación que le permita mostrar el mensaje de bienvenida cuando el usuario haga clic en la ficha de la aplicación (App01).

Para crear esta aplicación, aplique los pasos siguientes:

  1. Cree una aplicación en Facebook (https://developers.facebook.com/apps). Para más información, consulte Creación de una aplicación de Facebook.

  2. Cree una cuenta externa de tipo Facebook Connect y escriba los parámetros de la aplicación Facebook. Para más información, consulte Configuración de cuentas externas.

  3. Introduzca los vínculos Terms of service y Privacy policy que se mostrarán en la pantalla de solicitud de los permisos de Facebook. Para obtener más información, consulte: Introducción de los vínculos de condiciones de servicio y política de privacidad.

  4. Cree una aplicación web de tipo Facebook en Adobe Campaign. Para obtener más información, consulte: Creación de una aplicación web de tipo Facebook.

  5. Edite la aplicación web. En este ejemplo, hemos agregado una actividad Page definido un título para ella.

  6. Implemente la aplicación.

  7. Configure la aplicación de Facebook para que se muestre como una ficha en la página de Facebook. Para más información, consulte Configuración de pestañas de Facebook.

Compruebe que la ficha de la aplicación App01 aparece en la página de Facebook. Al hacer clic en él, se debe llamar a un mensaje de Bienvenida.

¿Cómo puedo reenviar la configuración a una aplicación de Facebook?

IMPORTANTE

Siga los pasos de configuración detallados en Creación de una aplicación de Facebook.

En el ejemplo 1, personalizamos la visualización de la página de Facebook según el valor del campo Fan of the page. También es posible procesar el campo Application settings. Este campo permite recuperar datos contenidos en un vínculo generado por Adobe Campaign a través de Facebook.

Veamos el ejemplo de una empresa que decide enviar una campaña de correo electrónico. En la entrega, un vínculo apunta a la aplicación Facebook. Este vínculo se personaliza gracias al parámetro app_data añadido al final de la dirección URL. El valor de este parámetro podría ser un indicador que refleje la importancia del cliente. En nuestro ejemplo, los valores del parámetro app_data son big (cliente significativo) y small (cliente menos significativo).

Una vez personalizada, la dirección URL tiene este aspecto:

  • http://<path of the Facebook application>&app_data=big (para un cliente importante)
  • http://<path of the Facebook application>&app_data=small (para un cliente menos significativo)

Entre los datos anónimos reenviados a Adobe Campaign por Facebook, se recopila el valor del campo Application parameters, lo que permite a Adobe Campaign personalizar la visualización de la aplicación en función de este parámetro.

Si el usuario es un cliente importante (el valor del parámetro app_data es big), se muestra la siguiente imagen:

Si el usuario es un cliente menos importante (el valor del parámetro app_data es small), se muestra la siguiente imagen:

Para recrear este ejemplo de uso, se ha creado una aplicación web compuesta por los siguientes elementos:

  • Una actividad Test basada en el campo Application parameter.
  • dos páginas que contienen las imágenes que se van a mostrar según el valor del campo del Application parameter.

¿Cómo puedo adquirir datos de seguidores?

IMPORTANTE

Siga los pasos de configuración detallados en Creación de una aplicación de Facebook.

Este ejemplo muestra cómo ponerse en contacto con usuarios de Facebook y ofrecerles que compartan su información de perfil. Veamos el ejemplo de una empresa que quiere adquirir perspectivas y organiza una competencia en su página de Facebook para atraerlos.

Cada vez que un usuario hace clic en la ficha App03, le preguntamos si desea participar en la competencia.

Si deciden participar en el concurso, les ofrecemos compartir su información de perfil.

Si aceptan compartir su información, se muestra la siguiente pantalla.

Para crear este ejemplo de uso, se ha creado una aplicación web compuesta por los siguientes elementos:

  • una actividad Test
  • tres páginas
  • una actividad Access control
  • una actividad Pre-loading
  • una actividad Save
  • una actividad End

Actividad de prueba

La actividad Test se basa en el campo ID y Application parameters.

Están formadas por varias ramas:

  • identifier (UID) is empty: Facebook solo lo reenvía el identificador si el usuario ya ha aceptado compartir su información. La primera rama de la actividad de Test le permite hacer que la competencia solo esté disponible para los usuarios que nunca han entrado, es decir, los que tienen un ID vacío.
  • application parameter equals ‘thanks’: para evitar un error de visualización vinculado a Facebook, la página de finalización de la aplicación web apunta a la URL de la aplicación de Facebook a la que se agrega el parámetro app_data mediante el uso del valor thanks (para obtener más información sobre esto, consulte: Finalizar actividad). La segunda rama le permite averiguar si el usuario viene de la actividad End de la primera rama (y acaba de entrar en la competencia) para mostrar un mensaje de agradecimiento. Para obtener más información sobre el uso de parámetros de URL adicionales, consulte: ¿Cómo reenviar la configuración a una aplicación de Facebook?.
  • Default branch: si el usuario ya se ha registrado en la competencia (ID ya introducido) en una fecha anterior (parámetro de aplicación distinto de thanks), se mostrará una página que indicará que ya se ha registrado.

Página de competencia

Para evitar un error de visualización vinculado a Facebook, también debe seleccionar Parent window o In the top window en el campo Window de la página de competencia.

Actividad de control de acceso

La actividad de Access control permite mostrar la página de solicitud de permiso de Facebook cuando el usuario entra en la competencia. Si aceptan compartir su información, se recupera durante la precarga. Para obtener más información, consulte Actividad de precarga.

Si previamente ha introducido la cuenta externa al crear la aplicación web (consulte Creación de una aplicación web de tipo Facebook), no es necesario editar la actividad. En caso contrario, vaya al campo Application y seleccione la cuenta externa vinculada a Facebook.

Actividad de precarga

Seleccione la fuente de datos que se utilizará para la precarga:

  • Marketing database: esta opción le permite cargar previamente los datos mediante la base de datos de Adobe Campaign.
  • Facebook: esta opción le permite cargar previamente datos mediante Facebook.

Base de datos de marketing

Esta opción le permite recuperar los datos de un perfil que existe en la tabla de visitantes. La verificación se realiza en función del ID de Facebook externo recuperado cuando el usuario hace clic en la ficha de la aplicación de Facebook. Si agrega un formulario después de la actividad de Pre-loading, los campos que contienen información en la base de datos se cargan previamente.

NOTA

Para obtener más información sobre la precarga de datos mediante la base de datos de Adobe Campaign, consulte esta sección.

Facebook

Esta opción permite definir la información de perfil de Facebook que se va a recopilar, entre la que el usuario ha aceptado compartir, para poder guardarla.

La opción Database information permite recopilar los siguientes datos:

  • External ID: ID de usuario
  • Gender: género del usuario
  • Verified: este campo especifica si el usuario tiene o no una cuenta de Facebook verificada.
  • Full name: nombre completo del usuario
  • First name: nombre del usuario
  • Last name: apellido del usuario
  • Language: idioma del usuario

También puede decidir recopilar la foto del perfil, la lista de amigos, la dirección de correo electrónico, la fecha de nacimiento, los intereses y la ubicación marcando las casillas correspondientes.

Antes de hacer clic en Ok, marque la casilla I agree to comply with Facebook conditions of use.

NOTA

Si marca una o más casillas en la sección Private information, la pantalla de solicitud de permiso de Facebook mostrará automáticamente la solicitud de acceso para estos datos.

Para que pueda recopilar la información seleccionada, el usuario debe aceptar compartirla.

Si desea que ambos tipos de precarga (a través de Adobe Campaign y de Facebook) agreguen dos cuadros de precarga uno tras otro.

Guardar actividad

La actividad Save permite almacenar la información recopilada durante las fases anteriores en la tabla de visitantes.

Si el perfil ya existe en la tabla de visitantes, sus datos se actualizan con los nuevos datos recopilados.

Si el perfil no existe en la base de datos y se ha recopilado la dirección de correo electrónico del usuario de Facebook, se creará un visitante en la tabla de visitantes.

  1. En el campo Visitor creation folder, seleccione la carpeta en la que se creará el perfil. En el caso de una aplicación web de tipo Facebook, la carpeta de creación predeterminada es Visitors.

  2. En el campo Reconciliation mode, seleccione el modo de reconciliación que desee utilizar:

    • Automatic: la reconciliación se realiza por correo electrónico, apellidos, nombre y fecha de nacimiento.
    • Manual: Seleccione una o varias claves de reconciliación.
    • None: no habrá reconciliación.
  3. En el campo Mapping, seleccione el esquema en el que desea llevar a cabo la reconciliación.

    IMPORTANTE

    Asegúrese de que los campos de la pestaña Social networks se especifican correctamente en la asignación de entrega. Se accede a las asignaciones de entregas a través del nodo Administration > Campaign management > Target mappings.

  4. Puede seleccionar una carpeta de búsqueda para la reconciliación y una carpeta de creación de nuevos perfiles. Si los campos están vacíos, se buscarán y crearán perfiles en la carpeta predeterminada del esquema de asignación.

Actividad final

Para evitar el error de visualización vinculado a Facebook, debe marcar la casilla Use an external URL e introducir la URL de la aplicación de Facebook, seguida del parámetro app_data y un valor. Este valor se utilizará en la actividad de Test para detectar si el usuario acaba de entrar en la competencia y para mostrar un mensaje de agradecimiento, si corresponde. Para obtener más información, consulte Actividad de prueba.

En nuestro ejemplo, el valor utilizado es gracias.

Pantalla de detalles de un visitante

Igual que para los seguidores de Twitter (consulte: Principio de operación), los perfiles de Facebook recuperados se almacenan en la tabla de visitantes. Para mostrar la lista de visitantes, vaya al nodo Profiles and Targets > Visitors.

Cada posible cliente de Facebook que acepte compartir su información de perfil se agrega a la lista de visitantes. Si la casilla Friends está marcada en la actividad Pre-load (consulte: Actividad de precarga), también se agregan amigos.

En la sección Summary de la ventana de detalles del visitante, existen dos estados posibles para el indicador New Contact:

Si se muestra una marca de verificación verde, significa que el visitante no se reconcilió con ningún destinatario. En este caso, se crea un nuevo perfil en la lista de destinatarios.

Una cruz roja significa que el visitante se reconcilió con un destinatario. Puede hacer clic en la lupa a la derecha del campo Recipient para mostrar el destinatario coincidente.

Vaya a la ventana de detalles de un destinatario para mostrar el visitante coincidente, si corresponde. Seleccione la pestaña Others y, a continuación, haga doble clic en el nombre del visitante en la sección Web identities.

La pantalla Activities de la página de detalles de un visitante contiene la siguiente información:

  • Actividades de abanico de tipo "Open Graph": música reproducida, videos vistos, artículos leídos e inferencias de las aplicaciones instaladas (Deezer, Spotify, Dailymotion, Yahoo News, etc.)

  • "Me gusta" y comentarios añadidos por el seguidor después de las entregas enviadas por Adobe Campaign

  • páginas a las que les gusta el seguidor

  • registros por parte del seguidor

    NOTA

    Para que Adobe Campaign pueda recopilar los registros de un seguidor, debe hacer clic en el botón Subscribe en la pantalla de configuración del servicio. Para más información, consulte Configuración de cuentas externas.

Cómo precargar un formulario mediante datos de perfil de Facebook

La aplicación Social Marketing también permite agregar un botón a un formulario para precargar campos usando información de perfil de Facebook. Esta opción, que está disponible en todas las plantillas de aplicaciones web (actividades de tipo Page) se detalla en esta sección.

NOTA

Antes de empezar a utilizar esta función, debe crear una aplicación de Facebook y una cuenta externa de tipo Facebook Connect. Para más información, consulte Configuración de cuentas externas.

Precargar los campos del formulario con datos tomados del perfil de Facebook

Puede crear un formulario web e incluir elementos con los que el usuario no interactúa en las páginas del formulario; son elementos estáticos como imágenes, contenido HTML, barras horizontales o un vínculo de hipertexto. Obtenga más información acerca de los elementos estáticos de un formulario web en esta página.

Al insertar un elemento estático, la opción Preload with Facebook permite insertar un botón en un formulario para cargar previamente los campos mediante la información de perfil de Facebook.

Cuando un usuario hace clic en el botón Fill in automatically, se abre la ventana de solicitud de Facebook para obtener permiso.

NOTA

Puede cambiar la lista de derechos ampliados al configurar la cuenta externa. Si no se configuran derechos ampliados, Facebook reenvía la información básica del perfil de forma predeterminada.
Para ver la lista de derechos ampliados y su sintaxis, consulte la documentación de Facebook.

Si el usuario acepta compartir su información, los campos del formulario se precargan.

Para este ejemplo de uso, se ha creado una aplicación web compuesta por los siguientes elementos:

  • una página que contiene el formulario
  • una actividad Record
  • una actividad End

Para añadir un botón de precarga, siga los siguientes pasos:

  1. Cree un formulario.

  2. Vaya al mismo nivel que los campos del formulario y añada un vínculo.

  3. Introduzca la etiqueta y seleccione el tipo Button.

  4. Vaya al campo Action y seleccione Preload with Facebook.

  5. Vaya al campo Application y seleccione la cuenta externa del tipo Facebook Connect creada anteriormente. Para obtener más información, consulte esta página.

En esta página