Skip to content

Movable Ink

Movable Ink est une plateforme logicielle basée sur le cloud qui permet aux marketeurs numériques de créer des expériences visuelles convaincantes et uniques pour engager les clients. La plateforme Movable Ink offre de précieuses options de personnalisation qui peuvent être facilement insérées dans vos Campaigns.

Cette intégration est maintenue par Movable Ink.

À propos de l’intégration

Étendez vos capacités créatives en tirant parti des fonctionnalités de création intelligente de Movable Ink, telles que le sondage, le compte à rebours et le grattage. L’intégration de Movable Ink et de Braze permet une approche plus complète des messages dynamiques axés sur les données, en fournissant aux utilisateurs des éléments en temps réel sur les sujets qui comptent.

Conditions préalables

Cas d’utilisation

  • Récapitulatifs mensuels ou de fin d’année personnalisés.
  • Personnalisez dynamiquement les images pour les e-mails, les notifications push ou les notifications riches en fonction du dernier comportement connu.
    Par exemple :
    • Utilisation d’un message push riche pour créer dynamiquement un calendrier d’événements en tirant des données de l’API.
    • Utilisation du compte à rebours pour avertir les utilisateurs de l’imminence d’une grande vente (par exemple, le Black Friday, la Saint-Valentin ou des offres de fêtes).
    • Utilisation de la fonctionnalité de grattage comme un moyen amusant et interactif de distribuer des codes de promotion.

Capacités Movable Ink prises en charge

Intelligent Creative propose de nombreuses offres dont les utilisateurs peuvent profiter. La liste suivante indique les capacités prises en charge.

Intégration

Étape 1 : Créer une source de données pour Movable Ink

Les clients devront créer une source de données qui peut être un CSV, une importation de site web ou une intégration API.

Différentes options de sources de données apparaissent : chargement d'un CSV, site web ou intégration API.

  • Source de données CSV : chaque ligne doit comporter au moins une colonne de segmentation et une colonne de contenu. Une fois votre fichier CSV téléchargé, sélectionnez les colonnes à utiliser pour le ciblage du contenu. Exemple de fichier CSV

Champs affichés en sélectionnant « CSV » comme source de données.

  • Source de données du site web : chaque ligne doit comporter au moins une colonne de segmentation et une colonne de contenu. Une fois votre fichier CSV téléchargé, sélectionnez les colonnes à utiliser pour le ciblage du contenu.
    • Dans le cadre de ce processus, vous devez établir un mappage :
      • Quels champs seront utilisés comme Segments
      • Quels champs de données vous souhaitez voir personnalisés de manière dynamique dans la création (par exemple : attributs de l’utilisateur ou attributs personnalisés tels que le prénom, le nom, la ville, etc.)

Champs affichés en sélectionnant « Website » comme source de données.

  • Intégrations API : utilisez l’API de votre entreprise pour alimenter le contenu directement à partir d’une réponse d’API.

Champs affichés en sélectionnant « API Integration » comme source de données.

Étape 2 : Créer une Campaign sur la plateforme Movable Ink

Depuis l’écran d’accueil de Movable Ink, créez une Campaign. Vous pouvez choisir entre un e-mail à partir de code HTML, un e-mail à partir d’une image ou un bloc pouvant être utilisé dans n’importe quel canal, y compris les notifications push, les messages in-app et les Content Cards (recommandé).

Nous vous suggérons également de jeter un coup d’œil aux différentes options de contenu disponibles par le biais des blocs.

Aperçu de la plateforme Movable Ink lors de la création d'une nouvelle Campaign Movable Ink.

Movable Ink dispose d’un éditeur convivial qui vous permet de glisser-déposer des éléments tels que du texte ou des images. Si vous avez rempli votre source de données, vous pouvez générer dynamiquement une image à l’aide des propriétés des données. En outre, vous pouvez également créer des solutions de repli dans ce flux pour les utilisateurs si la Campaign est envoyée et qu’un utilisateur ne correspond pas aux critères de personnalisation.

L'éditeur de blocs Movable Ink affichant les différents éléments personnalisables.

Avant de terminer votre Campaign, veillez à prévisualiser les images dynamiques et à tester les paramètres de requête pour voir à quoi ressembleront les images lors de leur affichage. Une fois l’opération terminée, une URL dynamique sera générée et pourra être insérée dans Braze !

Pour plus d’informations sur l’utilisation de la plateforme Movable Ink, consultez le centre d’assistance Movable Ink.

Étape 3 : Obtenir l’URL du contenu Movable Ink

Pour inclure le contenu Movable Ink dans les messages Braze, vous devez localiser l’URL source que Movable Ink vous a fournie.

Pour obtenir l’URL source, vous devez avoir configuré le contenu dans le tableau de bord Movable Ink, puis terminer et exporter votre contenu. Sur la page Finish, copiez l’URL source (img src) de la balise du contenu créatif.

La page qui s'affiche une fois que vous avez terminé votre Campaign Movable Ink ; vous y trouverez l'URL de votre contenu.

Ensuite, dans la plateforme Braze, collez l’URL dans le champ approprié. Les champs appropriés pour votre canal de communication sont indiqués à l’étape 4. Enfin, remplacez toutes les balises de fusion (telles que &mi_u=%%email%%) par la variable Liquid correspondante (telle que &mi_u={{${email_address}}}).

Étape 4 : Expérience Braze

  1. Dans la plateforme Braze :
    • Notification push Android : collez l’URL dans les champs Push Icon Image et Expanded Notification Image.


    • Notification push iOS : collez l’URL dans le champ de lien Media et indiquez le format de fichier que vous utilisez.


    • Notification push Web : collez l’URL dans les champs Push Icon Image et Large Notification Image.


  2. Pour vous assurer que les images ne sont pas mises en cache, placez des balises Liquid vides avant l’URL de l’image dans le message :
    {% if true %}{% endif %}https://movable-ink-image-url-goes-here
  1. Dans la plateforme Braze, collez l’URL dans le champ Rich Notification Media.

  2. Fournissez une URL unique pour éviter la mise en cache. Pour confirmer que les images en temps réel de Movable Ink fonctionnent et ne seront pas affectées par la mise en cache, utilisez Liquid pour ajouter un horodatage à la fin de l’URL de l’image Movable Ink.

Pour ce faire, utilisez la syntaxe suivante, en remplaçant l’URL de l’image si nécessaire :

1
2
3

{% assign timestamp = "now" | date: "%s" %}
{% assign img = "https://movable-ink-image-url-goes-here" | append:timestamp %}
{{img}}

Ce modèle prend l’heure actuelle (en secondes), l’ajoute à la fin de l’onglet image de Movable Ink (en tant que paramètre de requête), puis affiche le résultat final. Vous pouvez le prévisualiser à l’aide de l’onglet Test — celui-ci évalue le code et affiche un aperçu.

3. Enfin, réévaluez l’appartenance au Segment. Pour ce faire, activez l’option Re-evaluate audience membership and liquid at send-time située à l’étape Target Audiences d’une Campaign. Si cette option n’est pas disponible, contactez votre gestionnaire de la satisfaction client ou l’assistance Braze. Cette option indiquera aux SDK de Braze de redemander la Campaign, en fournissant une URL unique à chaque fois qu’un message in-app est déclenché.

  1. Dans la plateforme Braze, collez l’URL dans le champ Rich Notification Media.

  2. Pour les mobiles : les images des Content Cards sur iOS et Android sont mises en cache dès leur réception et ne s’actualisent pas.
    • Pour contourner ce problème, planifiez votre Campaign comme un message récurrent quotidien, hebdomadaire ou mensuel avec une date d’expiration correspondante afin que la Content Card soit reformatée. Par exemple, une Content Card qui doit être actualisée une fois par jour doit être définie comme un envoi planifié quotidien avec une expiration d’un jour.
  3. Pour garantir que les images en temps réel de Movable Ink fonctionnent et ne seront pas affectées par la mise en cache lorsque la Content Card est reformatée, utilisez Liquid pour ajouter un horodatage à la fin de l’URL de l’image Movable Ink.

Pour ce faire, utilisez la syntaxe suivante, en remplaçant l’URL de l’image si nécessaire :

1
2
3

{% assign timestamp = "now" | date: "%s" %}
{% assign img = "https://movable-ink-image-url-goes-here" | append:timestamp %}
{{img}}

Ce modèle prend l’heure actuelle (en secondes), l’ajoute à la fin de l’onglet image de Movable Ink (en tant que paramètre de requête), puis affiche le résultat final. Vous pouvez le prévisualiser à l’aide de l’onglet Test, qui évaluera le code et affichera un aperçu.

Résolution des problèmes

Les images dynamiques ne s’affichent pas correctement ? Quel est le canal qui vous pose problème ?

  • Notification push : veillez à ce que l’URL de votre image Movable Ink soit précédée d’une logique vide :
    {% if true %}{% endif %}https://movable-ink-image-url-goes-here
  • Messages in-app et Content Cards : veillez à ce que l’URL de l’image soit unique pour chaque impression. Pour ce faire, ajoutez la balise Liquid appropriée pour différencier toutes les URL. Voir les instructions relatives aux messages in-app et aux Content Cards.
  • L’image ne se charge pas : veillez à remplacer toutes les « balises de fusion » par les champs Liquid correspondants dans le tableau de bord de Braze. Par exemple : https://mi-msg.com/p/rp/image.png?mi_u=%%email%% avec https://mi-msg.com/p/rp/image.png?mi_u={{${email_address}}}.

Vous avez des difficultés à afficher des GIF sur Android ?

  • Android exige la prise en charge du format GIF dans l’implémentation. Suivez l’article sur la personnalisation des messages in-app pour Android si vous n’avez pas cette configuration.
New Stuff!