Configurer les détails de l'apparence des cartes d'une campagne pour Mobile

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 4 minutes de lecture
  • Configurez des vues d'éléments pour fournir les détails qui définissent l'apparence des cartes au sein d'une campagne pour Mobile, afin d'améliorer les options d'affichage, ainsi que l'efficacité de votre campagne.

    Lors de la création de vues d'éléments des cartes d'une campagne pour Mobile, vous devez construire le code JSON requis pour définir l'apparence des cartes. Vous indiquez ensuite ce code dans le champ Fichier JSON de la vue d'élément du formulaire Vue d'élément, comme décrit dans Créer des modèles d'apparence destinés aux cartes d'une campagne pour Mobile

    Remarque :
    Si l'une des valeurs configurables est vide ou si la ligne de code est supprimée, la valeur par défaut est utilisée.

    Fichier JSON de la vue d'élément pour des cartes texte

    Pour une carte texte, copiez cet exemple de code JSON et collez-le dans le champ Fichier JSON de la vue d'élément dans un formulaire de vue d'élément.
    {
      "Type": "ViewGroup",
      "Distribution": "Equal",
      "Orientation": "Vertical",
      "Alignment": "Center",
      "Margin": {
        "Left": 0,
        "Right": 0,
        "Top": 0,
        "Bottom": 0
      },
      "Children": [
        {
          "Type": "Text",
          "CellId": "title",
          "TextAlignment": "center",
          "Margin": {
            "Left": 16,
            "Right": 16
          },
          "MaxLines": 3,
          "Font": {
            "Weight": "bold",
            "Size": 36,
            "MinSize": 24
          },
        }
      ],
    }

    Les paramètres dans l'exemple de code JSON sont les suivants :

    • La valeur du paramètre Type n'est pas configurable.
    • La valeur du paramètre CellId dans l'exemple de code est basée sur la valeur de la version du système de base par défaut de la table Livraison de contenu de service RH [sn_cd_content_mobile]. Si la valeur dans cette table a changé, ajoutez la valeur changée dans l'exemple de code JSON.
      Remarque :
      Pour accéder à la table et vérifier les valeurs, entrez sn_cd_content_mobile.list dans le filtre de navigation de votre navigateur d'application.
    • Les autres valeurs de paramètre dans cet exemple de code pour des cartes texte sont des valeurs de configuration standard qui fournissent une apparence équilibrée pour les cartes. Vous pouvez personnaliser ces valeurs.

    Fichier JSON de la vue d'élément pour des cartes vidéo

    Pour une carte vidéo, copiez cet exemple de code JSON et collez-le dans le champ Fichier JSON de la vue d'élément dans le formulaire de vue d'élément.
    {
      "Type": "Media-Video",
      "CellId": "video_link.url",
      "TitleCellId": "title",
      "SubtitleCellId": "text"
    }

    Les paramètres dans l'exemple de code JSON sont les suivants :

    • La valeur du paramètre Type n'est pas configurable.
    • Les valeurs des paramètres CellId, TitleCellId et SubtitleCellID dans l'exemple de code sont basées sur les valeurs de la version du système de base par défaut de la table Livraison de contenu de service RH [sn_cd_content_mobile]. Si l'une des valeurs dans cette table a changé, ajoutez la valeur changée dans l'exemple de code JSON.
      Remarque :
      Pour accéder à la table et vérifier les valeurs, entrez sn_cd_content_mobile.list dans le filtre de navigation de votre navigateur d'application.

    Code JSON de vue d'élément pour des cartes image

    Pour une carte image, copiez cet exemple de code JSON et définissez toutes les valeurs qui diffèrent des valeurs par défaut. Si vous souhaitez utiliser les valeurs par défaut, vous pouvez supprimer cette ligne de code. Une fois que vous avez défini les valeurs souhaitées, collez le code JSON dans le champ Fichier JSON de la vue d'élément dans le formulaire de vue d'élément.
    {
      "Type": "Media-Image",
      "CellId": "image",
      "TitleCellId": "title",
      "SubtitleCellId": "text",
      "Parallax": <true|false>,
      "DisplayType": "<over|under>",
      "DisplayTheme": "<light|dark>",
      "FocusOnFaces": <true|false>
    }

    Les paramètres standard dans l'exemple de code JSON sont les suivants :

    • La valeur du paramètre Type n'est pas configurable.
    • Les valeurs des paramètres CellId, TitleCellId et SubtitleCellID dans l'exemple de code sont basées sur les valeurs de la version du système de base par défaut de la table Livraison de contenu de service RH [sn_cd_content_mobile]. Si l'une des valeurs dans cette table a changé, ajoutez la valeur changée dans l'exemple de code JSON.
      Remarque :
      Pour accéder à la table et vérifier les valeurs, entrez sn_cd_content_mobile.list dans le filtre de navigation de votre navigateur d'application.
    Les paramètres personnalisés de la vue d'élément pour les cartes image sont les suivants :
    Parallaxe
    Détermine s'il faut créer une illusion de profondeur et de perspective sur l'image.
    • true (la valeur par défaut) : le texte en bas de la carte se déplace à une vitesse plus lente que l'image en arrière-plan, ce qui fait apparaître les deux objets comme s'ils se trouvaient sur plan en trois dimensions distinct.
    • false : le texte en bas de la carte et de l'image se déplace à la même vitesse.
    DisplayType
    Détermine si le texte est affiché sous l'image (under) ou s'il est superposé sur l'image (over). Le texte inclut le titre et le sous-titre. Pour une expérience visuelle homogène, utilisez le même format pour tous les types de cartes. La valeur par défaut est over.
    Texte affiché sous l'image Texte affiché en tant que superposition
    Texte affiché sous l'image pour la configuration du type d'affichage. Texte affiché en tant que superposition pour la configuration du type d'affichage.
    DisplayTheme
    Détermine la couleur de la superposition de texte. Cette option est disponible uniquement si le type d'affichage est défini sur over. Utilisez la valeur light pour le texte qui doit être affiché sur un arrière-plan foncé. La valeur par défaut est light.
    DisplayTheme défini sur la valeur « light » DisplayTheme défini sur la valeur « dark »
    Texte affiché dans une couleur claire pour une configuration de thème d'affichage. Texte affiché dans une couleur foncée pour une configuration de thème d'affichage.
    FocusOnFaces
    Lorsque la valeur est définie sur true (par défaut), les images sur une carte image sont rognées à l'endroit où les visages sont capturés dans le cadre.