Créer une application

Pour ajouter une application à votre site, vous devez d’abord créer une application dans Livefyre Studio.

Pour créer une application :

  1. Cliquez sur +New App dans la page Applications, puis sélectionnez un type d’application dans le menu déroulant.
  2. La boîte de dialogue New App s’affiche. Saisissez un App Title, sélectionnez un Site, puis cliquez sur Create pour ouvrir la page Aperçu de l’application.

La page Résumé de l’application comporte 4 onglets :

  • App Summary: fournit un aperçu du contenu et de l’état de l’application, ainsi que des outils permettant d’accéder à l’application sur son site et de générer son code intégré.
  • Designer: vous permet de sélectionner les options de conception de l’application, notamment les polices, les modèles de couleurs et les options de configuration spécifiques à l’application.
  • Streams: répertorie toutes les sources de diffusion pour le contenu de l’application. Cliquez sur le titre du flux pour ouvrir la page Détails du flux, à partir de laquelle il peut être modifié.
  • Settings: vous permet de sélectionner les paramètres spécifiques à l’application, y compris les règles d’ajout de contenu à l’application et les types de contenu à afficher. Cliquez sur l’onglet Settings pour remplacer les paramètres réseau et de site de l’application.

Liste des applications

La page de liste Applications permet d’accéder à toutes vos applications Livefyre existantes.

La page de liste Applications affiche les informations suivantes :

  • Title: Répertorie le titre de votre application et inclut une icône indiquant le type d’application.
  • Site: Répertorie l’emplacement de l’application, par site.
  • Content Count: Répertorie le nombre de parties de contenu publiées dans l’application.
  • Date Modified: Répertorie la dernière fois que l’application a été modifiée dans App Designer.
  • Embed Code (</>): Cliquez sur l’icône pour générer le code incorporé de votre application.

Personnalisation de l’application

Vous pouvez utiliser l’onglet Concepteur d’application pour sélectionner les options Style et Configuration afin de personnaliser vos applications.

Style Les options sont cohérentes pour tous les types d’application ; Configuration Les options varient selon l’application. Le bas du volet Style et Configuration répertorie la version de l’application Livefyre pour votre application.

Sélectionner les options de style

Application de style adaptée à la marque de votre site. Utilisez les options Style pour sélectionner la couleur et les styles de police de l’application.

  • Theme. Sélectionnez Light ou Dark pour définir la couleur d’arrière-plan du contenu affiché. Les modifications apportées à ce paramètre sont immédiatement répercutées dans l’aperçu à droite. Ce paramètre contrôle l’arrière-plan, le texte du contenu, le nom d’utilisateur, l’horodatage, le bouton de partage et la sélection de couleur des icônes sociales pour l’application.

  • Brand color. Sélectionnez une couleur pour votre application. Cette couleur sera utilisée pour les hashtags, URL, noms d’utilisateur, @mentions, graphiques à barres et autres composants spécifiques à l’application, comme affiché dans le volet d’aperçu à droite.

  • Font family. Sélectionnez une police pour le contenu généré par l’utilisateur dans votre application. Si vous sélectionnez Georgia ou Times New Roman, la police sera affectée au contenu, et Helvetica Neue aux noms d’utilisateur et aux noms d’affichage. Sélectionnez Helvetica, Verdana ou Trebuchet pour affecter ces polices au contenu, aux noms d’utilisateur et aux noms d’affichage.

  • Font size. Sélectionnez une taille de police par défaut. Ce paramètre affecte l’ensemble du contenu et des titres générés par l’utilisateur affiché dans l’application.

Mise à jour des applications

S’il existe une version plus récente de l’application, un bouton Update s’affiche.

Cliquez sur le bouton pour mettre à jour la version la plus récente. Actualisez votre application afin d’utiliser toutes les améliorations de fonctionnalités et correctifs de bogues disponibles. Une fois la mise à jour effectuée, prévisualisez les modifications apportées à votre application (le cas échéant), puis acceptez ou rejetez la mise à jour.

Ajout d’un bouton d’appel à l’action à une application

Ajoutez un bouton Appel à l’action pour générer la conversion à partir du contenu généré par l’utilisateur.

Pour ajouter un bouton Appel à l’action à une application :

  1. Créez une application Mosaic ou Mur multimédia.

    Pour plus d’informations sur les personnalisations disponibles dans un mur de mosaïque ou de médias, voir Personnalisations de mosaïque ou Personnalisations du mur de médias.

  2. Ouvrez le concepteur de l’application.

  3. Accédez à la section Call-to-Action Button dans Designer.

  4. Basculez Call-to-Action Button vers on.

  5. Configurez les options du bouton Appel à l’action .

Aperçu de l’application

App Designer vous permet de prévisualiser votre application dans plusieurs formats de diffusion, avec vos propres données ou des exemples affichés.

Sélectionnez Exit Preview pour revenir au mode de conception.

Le mode Aperçu offre les options suivantes :

  • Preview Options: Utilisez le menu déroulant pour sélectionner un format d’aperçu (mobile, tablette ou ordinateur de bureau) et indiquer s’il convient d’afficher Sample Data ou les données de diffusion de l’application.

    REMARQUE

    Si vous désélectionnez Sample Data et qu’aucun flux n’est activé pour l’application, aucun contenu ne s’affiche en mode Aperçu.

  • Share: Ouvre l’application dans un nouvel onglet du navigateur et génère une URL qui peut être utilisée pour permettre à des amis, des collègues ou des utilisateurs non-Studio de revoir votre application et de la tester dans différents navigateurs et appareils.

    REMARQUE

    Tout contenu publié dans une version de révision de votre application sera ajouté à l’application. Si vous ne souhaitez pas que ce contenu apparaisse dans votre application publiée, vous devez le supprimer avant de cliquer sur Publier.

  • Exit Preview: Vous renvoie en mode d’édition.

REMARQUE

Le mode Aperçu est entièrement interactif, ce qui vous permet de tester l’expérience utilisateur pour votre application. Si vous activez Allow user posts, les utilisateurs disposant du lien d’aperçu peuvent cliquer sur le bouton What’s on your mind et publier du contenu dans votre version de test. Studio répertorie le contenu tel que publié.

Publication d’applications

App Designer enregistre automatiquement votre application après avoir apporté une modification. Vous pouvez utiliser Publish pour générer un code incorporé ou pour mettre à jour toute version précédemment publiée de cette application avec la version actuelle.

REMARQUE

Cliquer sur Publish génère un code incorporé pour l’application et met à jour toutes les instances existantes de l’application si elles ont déjà été publiées.

Examen de l’historique des applications

App Designer enregistre automatiquement votre application après avoir apporté une modification et génère une nouvelle version pour chaque modification. Vous pouvez utiliser History pour ouvrir un panneau répertoriant toutes les versions de votre application. Les versions répertoriées affichent l’éditeur de chaque version et son âge.

Pour consulter l’historique des applications :

  1. Cliquez sur une version pour la sélectionner.
  2. Actualisez l’affichage de l’aperçu.
  3. Cliquez sur Restore Version pour cloner la version sélectionnée et y travailler.
  4. Cliquez sur le bouton Précédent dans Version History pour revenir à votre version préliminaire.
  5. Cliquez sur Share pour générer une URL pour l’aperçu.
REMARQUE

Vous ne pouvez pas modifier une application tant que le volet Version History est ouvert.

Si un autre éditeur apporte des modifications alors que la fenêtre de votre navigateur est ouverte, Livefyre émet un message d’avertissement lorsque vous essayez de modifier l’application, vous demandant si vous souhaitez revenir à votre (ancienne) version préliminaire. (Cela empêche plusieurs éditeurs simultanés d’ignorer accidentellement les modifications de l’autre.) Cliquez sur Update to Latest pour commencer à utiliser la dernière version. Cliquez sur Overwrite pour revenir à votre état de travail (plus ancien), incrémentez le numéro de version à partir du plus récent et continuez à travailler.

Onglet Résumé de l’application

Utilisez l’onglet Résumé de l’application pour gérer les informations relatives à des applications individuelles.

L’onglet Résumé de l’application vous permet d’effectuer les opérations suivantes :

  • See on Site: Ouvre l’application sur votre site.

  • Embed code: Disponible uniquement pour les applications publiées, fournit un lien cliquable pour générer le code incorporé de toute application publiée.

    REMARQUE

    Utilisez ce code incorporé pour ajouter des sondages à vos commentaires ou à votre application de blog en direct. Pour plus d’informations, voir Interactions personnalisées > HTML personnalisé.

  • View Content: Ouvre la page Contenu qui répertorie tout le contenu publié dans votre application.

  • Moderate: Ouvre ModQ, répertoriant tout le contenu en attente de modération pour l’application.

  • Developer Info: Fournit l’ID de collection de l’application, l’ID d’article et l’ID de site.

Incorporation d’une application sur votre site à l’aide de Studio

Générez le code incorporé.

Lorsqu’une application est publiée, Livefyre génère et affiche un code incorporé, qui peut être utilisé pour incorporer l’application sur n’importe quelle page de votre réseau. Pour régénérer le fragment de code HTML utilisé pour incorporer votre application sur une page :

  1. Dans l’écran Présentation de l’application, cliquez sur le bouton </> Embed Code.

  2. Dans le panneau Embed Code qui s’ouvre, copiez et collez le fragment de code HTML affiché dans votre page web.

    Pour les applications nécessitant une authentification de l’utilisateur, votre intégration pour l’authentification de l’utilisateur doit être terminée et située sur la page avant d’ajouter le code incorporé.

Suppression d’une application

Vous pouvez supprimer une application de la liste Applications de Livefyre Studio. Lorsque vous supprimez l’application de Studio, l’application est masquée de la vue, elle ne supprime ni ne s’arrête :

  • L’application ne peut pas continuer à travailler sur un site.
  • Flux associés.
  • Collections associées dans Livefyre.

Pour supprimer une application :

  1. Cliquez sur Apps.
  2. Cliquez sur les points de suspension à droite du nom de l’application à supprimer.
  3. Cliquez sur Delete App pour supprimer l’application.

Sur cette page