Crear una aplicación

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

Para crear una nueva aplicación:

  1. Haga clic en +New App desde la página Aplicaciones y seleccione un tipo de aplicación en el menú desplegable.
  2. Aparecerá 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 fuentes, esquemas de color y opciones de configuración específicas de la aplicación.
  • Streams:: muestra todas las fuentes de flujo del contenido de la aplicación. Haga clic en el título del flujo para abrir la página Detalles del flujo, desde la que se puede editar.
  • Settings:: permite seleccionar la 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 ficha Settings para anular la configuración de red y sitio de la aplicación.

Lista de aplicaciones

La página de lista 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 la 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:: Muestra 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 App Designer.
  • Embed Code (</>):: Haga clic en el icono para generar el código incrustado de la aplicación.

Personalización de la aplicación

Puede utilizar la ficha Diseñador de aplicaciones para seleccionar Style y Configuration opciones para 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 adaptarse a la marca del sitio. Utilice las Style opciones 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 control del 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, como se muestra en el panel de vista previa 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 se asignará esa fuente al contenido y Helvetica Neue a los nombres de usuario y a los 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 afectará a todo el contenido generado por el usuario y los títulos mostrados en la aplicación.

Actualización de aplicaciones

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

Haga clic en el botón para actualizar a la versión más reciente. Actualice la aplicación para utilizar todas las mejoras de funciones y correcciones de errores disponibles. Una vez actualizados, 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 de llamada a acción para generar la conversión desde UGC.

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

  1. Cree una aplicación de mosaico o de muro de medios.

    Para obtener información sobre las personalizaciones disponibles en un mosaico o muro de medios, consulte Personalizaciones de mosaico o Personalizaciones demuro de medios.

  2. Abra Designer para la aplicación.

  3. Desplácese a la sección Call-to-Action Button de 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

App Designer permite obtener una vista previa de la aplicación en varios formatos de entrega y con los datos propios o de ejemplo que se muestran.

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, tablet o escritorio) y si desea mostrar Sample Data o los datos de flujo de la aplicación.

Nota

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

  • Share:: Abre la aplicación en una nueva ficha de explorador y genera una URL, que puede utilizarse para permitir que amigos, colegas o usuarios que no sean de Studio revisen la aplicación y la prueben en distintos exploradores y dispositivos.

    Nota

    Cualquier contenido publicado en una versión de revisión de la 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 completamente interactivo, lo que le permite probar la experiencia del usuario para su aplicación. Si activa Allow user posts, los usuarios con el vínculo de vista previa pueden hacer clic en el What’s on your mind botón y publicar contenido en la versión de prueba. Studio muestra el contenido como publicado.

Publicación de aplicaciones

App Designer guarda automáticamente la aplicación después de realizar un cambio. Puede usar 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 enumera todas las versiones de la aplicación. Las versiones enumeradas mostrarán el editor de cada versión y su antigüedad.

Para revisar el historial de aplicaciones:

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

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

Si otro editor realiza cambios mientras la ventana del explorador está abierta, Livefyre emite un mensaje de advertencia cuando intenta editar la aplicación, en el que se le 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 empezar 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.

Ficha Resumen de la aplicación

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

La ficha Resumen de la aplicación 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 añadir encuestas a sus comentarios o a la aplicación de blog en directo. Para obtener más información, consulte Interacciones personalizadas > HTML personalizado.

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

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

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

Incrustar una aplicación en el sitio con 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 </> Embed Code botón .

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

    Para las aplicaciones que requieren 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, la aplicación se oculta de la vista, no se elimina ni se detiene:

  • La aplicación no puede seguir trabajando en un sitio.
  • Flujos asociados.
  • Colecciones asociadas en Livefyre.

Para eliminar una aplicación:

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

En esta página