Crear una aplicación

Para agregar una aplicación al sitio, primero debe crear una aplicación en Livefyre Studio.

Para crear una aplicación nueva:

  1. Haga clic +New App en la página Aplicaciones y seleccione un tipo de aplicación en el menú desplegable.
  2. Aparece el cuadro de diálogo New App. Introduzca un App Title, seleccione un Site y haga clic en Create para abrir la página Información general de la aplicación .

La página Resumen de la aplicación proporciona 4 fichas:

  • App Summary: proporciona información general sobre el contenido y el estado de la aplicación y proporciona herramientas para acceder a la aplicación en su sitio y generar su código incrustado.
  • Designer: le permite seleccionar opciones de diseño para la aplicación, incluidas las fuentes, los esquemas de color y las opciones de configuración específicas de la aplicación.
  • Streams: enumera todas las fuentes de emisión del contenido de la aplicación. Haga clic en el título de la emisión para abrir la página Detalles del flujo , desde la que se puede editar.
  • Settings: le permite seleccionar una configuración específica de la aplicación, incluidas las reglas para agregar contenido a la aplicación y los tipos de contenido que se van a mostrar. Haga clic en la pestaña Settings para anular la configuración de red y sitio de la aplicación.

Lista de aplicaciones

La página Lista de aplicaciones proporciona acceso a todas las aplicaciones de Livefyre existentes.

La página de lista Aplicaciones muestra la siguiente información:

  • Title: Enumera el título de su aplicación e incluye un icono que indica el tipo de aplicación.
  • Site: Muestra la ubicación de la aplicación, por sitio.
  • Content Count: Enumera el número de fragmentos de contenido publicados en la aplicación.
  • Date Modified: Muestra la última vez que se cambió la aplicación en el Diseñador de aplicaciones.
  • Embed Code (</>): Haga clic en el icono para generar el código incrustado de la aplicación.

Personalización de aplicaciones

Puede usar la ficha Diseñador de aplicaciones para seleccionar las opciones Style y Configuration y personalizar las aplicaciones.

Style Las opciones son coherentes en todos los tipos de aplicación; Configuration Las opciones varían según la aplicación. En la parte inferior del panel Style y Configuration aparece una lista con la versión de la aplicación Livefyre para su aplicación.

Seleccionar opciones de estilo

Aplicación de estilo para ajustarse a la marca del sitio. Utilice las opciones Style para seleccionar los estilos de color y fuente de la aplicación.

  • Theme. Seleccione Light o Dark para definir el color de fondo del contenido mostrado. Los cambios realizados en esta configuración se reflejarán inmediatamente en la vista previa a la derecha. Esta configuración controla el fondo, el texto del contenido, el identificador de usuario, la marca de tiempo, el botón de uso compartido y la selección de color del icono social para la aplicación.

  • Brand color. Seleccione un color para la aplicación. Este color se utilizará para hashtags, direcciones URL, nombres de usuario, @mentions, gráficos de barras y otros componentes específicos de la aplicación, tal y como se muestra en el panel de vista previa situado a la derecha.

  • Font family. Seleccione una fuente para el contenido generado por el usuario en la aplicación. Al seleccionar Georgia o Times New Roman asignará esa fuente al contenido y Helvetica Neue a nombres de usuario y nombres para mostrar. Al seleccionar Helvetica, Verdana o Trebuchet, se asignarán esas fuentes al contenido, los nombres de usuario y los nombres para mostrar.

  • Font size. Seleccione un tamaño de fuente predeterminado. Esta configuración afecta a todo el contenido generado por el usuario y a los títulos mostrados en la aplicación.

Actualización de aplicaciones

Si existe una versión más reciente de la aplicación, aparece un botón Update.

Haga clic en el botón para actualizar a la versión más reciente. Actualice su aplicación para utilizar todas las mejoras de funciones y correcciones de errores disponibles. Una vez actualizado, obtenga una vista previa de los cambios realizados en la aplicación (si los hay) y, a continuación, acepte o rechace la actualización.

Agregar un botón de llamada a acción a una aplicación

Agregue un botón Llamada a acción para impulsar la conversión desde UGC.

Para agregar un botón de llamada a acción a una aplicación:

  1. Cree un Mosaic o una aplicación de muro de medios.

    Para obtener información sobre las personalizaciones disponibles en un Mosaic o muro multimedia, consulte Personalizaciones de Mosaic o Personalizaciones de Muro de Medios.

  2. Abra Designer para la aplicación.

  3. Desplácese a la sección Call-to-Action Button en Designer.

  4. Cambie Call-to-Action Button a on.

  5. Configure las opciones del botón Llamada a acción .

Vistas previas de la aplicación

El Diseñador de aplicaciones permite obtener una vista previa de la aplicación en varios formatos de envío y con los datos propios o de ejemplo mostrados.

Seleccione Exit Preview para volver al modo de diseño.

El modo de vista previa ofrece las siguientes opciones:

  • Preview Options: Utilice el menú desplegable para seleccionar un formato de vista previa (móvil, tableta o escritorio) y si desea mostrar Sample Data o los datos de flujo de la aplicación.

NOTA

Si anula la selección de Sample Data y no hay ningún flujo habilitado para la aplicación, no se muestra ningún contenido en el modo de vista previa.

  • Share: Abre la aplicación en una nueva ficha del explorador y genera una URL, que puede usarse para permitir que amigos, compañeros o usuarios que no sean de Studio revisen la aplicación y probarla en distintos navegadores y dispositivos.

    NOTA

    Cualquier contenido publicado en una versión de revisión de su aplicación se agregará a la aplicación. Si no desea que este contenido aparezca en la aplicación publicada, debe eliminarlo antes de hacer clic en Publicar.

  • Exit Preview: Devuelve al modo de edición.

NOTA

El modo de vista previa es totalmente interactivo y le permite probar la experiencia del usuario en su aplicación. Si habilita Allow user posts, los usuarios con el vínculo de vista previa pueden hacer clic en el botón What’s on your mind y publicar contenido en la versión de prueba. Studio enumera el contenido como publicado.

Publicación de aplicaciones

App Designer guarda automáticamente la aplicación después de realizar un cambio. Puede utilizar Publish para generar un código incrustado o para actualizar cualquier versión publicada anteriormente de esta aplicación con la versión actual.

NOTA

Al hacer clic en Publish se genera un código incrustado para la aplicación y se actualizan todas las instancias existentes de la aplicación si se han publicado previamente.

Revisar el historial de aplicaciones

App Designer guarda automáticamente la aplicación después de realizar un cambio y genera una nueva versión para cada cambio. Puede utilizar History para abrir un panel que enumere todas las versiones de la aplicación. Las versiones mostradas mostrarán el editor de cada versión y su edad.

Para revisar el historial de aplicaciones:

  1. Haga clic en una versión para seleccionarla.
  2. Actualice la visualización de la vista previa.
  3. Haga clic en Restore Version para clonar la versión seleccionada y trabajar desde ella.
  4. Haga clic en el botón Atrás en Version History para volver al borrador de trabajo.
  5. Haga clic en Share para generar una dirección URL para la vista previa.
NOTA

No puede editar una aplicación mientras el panel Version History esté abierto.

Si otro editor realiza cambios mientras la ventana del explorador está abierta, Livefyre envía un mensaje de advertencia cuando intenta editar la aplicación y pregunta si desea volver a la versión de borrador (anterior). (Esto evita que varios editores simultáneos ignoren accidentalmente los cambios de los demás). Haga clic en Update to Latest para comenzar a trabajar desde la última versión. Haga clic en Overwrite para volver al estado de trabajo (anterior), aumentar el número de versión del más reciente y continuar trabajando.

Pestaña Resumen de la aplicación

Utilice la ficha Resumen de aplicación para administrar la información de aplicaciones individuales.

La pestaña Resumen de la aplicación le permite:

  • See on Site: Abre la aplicación en el sitio.

  • Embed code: Disponible solo para aplicaciones publicadas, proporciona un vínculo en el que se puede hacer clic para generar el código incrustado de cualquier aplicación publicada.

    NOTA

    Utilice este código incrustado para agregar Encuestas a sus Comentarios o a la Aplicación de blogs en directo. Para obtener más información, consulte Interacciones personalizadas > HTML personalizado.

  • View Content: Abre la página Contenido, que enumera todo el contenido publicado en la aplicación.

  • Moderate: Abre ModQ, que enumera todo el contenido que espera moderación para la aplicación.

  • Developer Info: Proporciona el ID de la colección de aplicaciones, el ID del artículo y el ID del sitio.

Incrustar una aplicación en el sitio mediante Studio

Genere el código incrustado.

Cuando se publica una aplicación, Livefyre genera y muestra un código incrustado, que puede utilizarse para incrustar la aplicación en cualquier página de la red. Para volver a generar el fragmento HTML utilizado para incrustar la aplicación en una página:

  1. En la pantalla Información general de la aplicación, haga clic en el botón </> Embed Code.

  2. Desde el panel Embed Code que se abre, copie y pegue el fragmento de código HTML mostrado en la página web.

    En el caso de las aplicaciones que requieran autenticación de usuario, la integración para la autenticación de usuario debe completarse y ubicarse en la página antes de agregar el código incrustado.

Eliminar una aplicación

Puede eliminar una aplicación de la lista Aplicaciones de Livefyre Studio. Al eliminar la aplicación de Studio, esta se oculta de la vista, no se elimina ni se detiene:

  • La aplicación no continúa trabajando en un sitio.
  • Flujos asociados.
  • Colecciones asociadas en Livefyre.

Para eliminar una aplicación:

  1. Haga clic Apps.
  2. Haga clic en los puntos suspensivos a la derecha del nombre de la aplicación que desea eliminar.
  3. Haga clic en Delete App para eliminar la aplicación.

En esta página