Show Menu
TEMAS×

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.
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 .
Siga los pasos de configuración descritos en Creación de una aplicación de Facebook .
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:
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 7 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. Create a Facebook Connect type external account and enter the parameters of the Facebook application. 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 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. In this example, we have added a Page activity and defined a title for it.
  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 reenviar la configuración a una aplicación de Facebook?

Siga los pasos de configuración detallados en Creación de una aplicación de Facebook .
In example 1, we personalized the display of the Facebook page according to the value in the Fan of the page field. It is also possible to process the Application settings field. 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. This link is personalized thanks to the app_data parameter added at the end of the URL. El valor de este parámetro podría ser un indicador que refleje la importancia del cliente. In our example, the values of the app_data parameter are big (significant customer) and small (less significant customer).
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)
Among the anonymous data forwarded to Adobe Campaign by Facebook, the value of the Application parameters field is collected, thus enabling Adobe Campaign to personalize application display based on this parameter.
If the user is a significant customer (the value of the app_data parameter is big ), the following image is displayed:
If the user is a less significant customer (the value of the app_data parameter is small ), the following image is displayed:
Para recrear este ejemplo de uso, se ha creado una aplicación web compuesta por los siguientes elementos:
  • Una Test actividad basada en el Application parameter campo.
  • two pages which contain the images to display according to the value of the Application parameter field.

¿Cómo se adquieren los datos del ventilador?

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 Test actividad se basa en el ID campo y Application parameters .
Están formadas por varias ramas:
  • identifier (UID) is empty :: el identificador solo lo reenvía Facebook si el usuario ya ha aceptado compartir su información. The first branch of the Test activity lets you make the competition available only to users who have never entered, i.e. those with an empty ID.
  • application parameter equals 'thanks' :: para evitar un error de visualización vinculado a Facebook, la página final de la aplicación web apunta a la URL de la aplicación Facebook a la que se agrega el app_data parámetro mediante el uso del thanks valor (para obtener más información sobre esto, consulte: Actividad final). The second branch lets you find out whether the user comes from the End activity of the first branch (and has just entered the competition) to display a thank you message. 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 ha ingresado a la competencia (ID ya ingresado) en una fecha anterior (parámetro de aplicación distinto de thanks ), se mostrará una página que indicará que ya ha ingresado.

Página de competencia

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

Actividad de control de acceso

The Access control activity lets you display the Facebook permission request page when the user enters the competition. 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. If not, go to the Application field and select the external account linked to the Facebook application.

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. If you add a form after the Pre-loading activity, the fields which contain information in the database are pre-loaded.
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.
The Database information option lets you collect the following data:
  • External ID :: ID de usuario
  • Gender :: sexo 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 Ok , marque la I agree to comply with Facebook conditions of use casilla.
If you check one or more boxes in the Private information section, the Facebook permission request screen will automatically display the access request for this data.
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

The Save activity lets you store the information collected during the previous stages in the visitors' table.
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. In the Visitor creation folder field, select the folder which the profile will be created in. In case of a Facebook type web application, the default creation folder is Visitors .
  2. In the Reconciliation mode field, select the reconciliation mode you want to use:
    • 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. In the Mapping field, select the schema which you want to carry out the reconciliation on.
    Make sure the fields of the Social networks tab are correctly entered in the delivery mapping. Se accede a las asignaciones de envío a través del Administration > Campaign management > Target mappings nodo.
  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

To sidestep the display error linked to Facebook, you need to check the Use an external URL box and enter the URL of the Facebook application, followed by the app_data parameter and a value. This value will be used in the Test activity to detect whether or not the user has just entered the competition, and to display a thank you message if applicable. 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. To display the list of visitors, go to the Profiles and Targets > Visitors node.
Cada posible cliente de Facebook que acepte compartir su información de perfil se agrega a la lista de visitantes. If the Friends box is checked in the Pre-load activity (refer to: Pre-loading activity ), friends are also added.
In the Summary section of the visitor detail window, there are two possible states for the New Contact indicator:
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. You can click the magnifier to the right of the Recipient field to display the matching recipient.
Vaya a la ventana de detalles de un destinatario para mostrar el visitante coincidente, si corresponde. Select the Others tab, then double-click the name of the visitor in the Web identities section.
The Activities screen of a visitor's details page contains the following information:
  • 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
    In order for Adobe Campaign to collect a fan's check-ins, you need to click the Subscribe button on the service configuration screen. Para más información, consulte Configuración de cuentas externas .

Cómo cargar previamente los campos de 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. This option, which is available in all web application templates ( Page type activities) is detailed in this section .
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 .