Mettre en place les liens dans vos e-mails

Les liens sont un élément essentiel de vos e-mails, qui permettront de rediriger vos profils vers votre site-web, votre e-shop, une page en particulier,...

Il est possible d'insérer des liens :

  • derrière vos images et les logos de votre templates

  • derrière des boutons de type "call to action"

  • directement derrière le texte de l'email

Que ce soit via l'éditeur de template ou dans un import de fichier HTML (via la balise 'href'), seuls certains éléments sont autorisés derrière un lien :

  • une adresse URL correcte

  • une personnalisation

  • certains protocoles permettant d'envoyer un e-mail, de déclencher un appel téléphonique,...

  • le placeholder #

Aucun autre élément ne sera accepté derrière un lien. Un simple morceau de texte ne pourra pas être utilisé, même temporairement comme placeholder (il faut utiliser # dans ce cas).

L'éditeur de template signalera comme invalide tout lien ne respectera pas les normes. Dans le cas d'un import de fichier HTML, tout le fichier sera rejeté et le premier lien invalide sera signalé.

Nous allons ci-dessous revoir les bonnes pratiques pour chacun des éléments acceptés.

Les adresses URL

Il s'agit de l'élément le plus souvent utilisé dans un lien, et, même si la notion d'URL fait partie du vocabulaire courant pour tout navigateur du web, elle répond à des standards très précis.

Dans l'éditeur e-mail Actito, toute URL devra obligatoirement commencer par http ou https.

Ainsi 'cdn.actito.be/fe/actito-documentation-client/campaign/fr/La_documentation_Actito.html' ne sera pas accepté. Il faut obligatoirement renseigner 'https://cdn.actito.be/fe/actito-documentation-client/campaign/fr/La_documentation_Actito.html'.

De même, un lien commençant uniquement par 'www' ne sera pas accepté (www.google.com images/s/en_US/7801/0ac8ad8167063a2d16fb426a10b9044cf4bf1b17/_/images/icons/emoticons/error.svg ). Le protocole http(s) est obligatoire.

Encoder les URLs

De plus, l'URL représente en quelque sorte le chemin pour accéder au site web. On ne peut donc pas mettre ce qu'on veut dans une URL. Certains caractères spéciaux sont à proscrire, soit parce que leur interprétation n'est pas sûre, soit parce qu'ils ont une signification particulière (et servent pour ainsi dire de panneaux sur le chemin de l'URL). Les utiliser à mauvais escient équivaut donc à courir le risque que l'URL ne puisse pas être lue correctement par certains systèmes, et qu'elle ne mènent donc pas au bon endroit.

Il reste néanmoins possible d'utiliser ces caractères spéciaux. Pour signaler qu'il s'agit d'un simple morceau de texte et pas un caractère à signification particulière, il convient d'encoder ces caractères dans ce qu'on appelle l'encodage en pourcent (percent encoding). En effet, cet encodage consiste à utiliser '%' suivi d'un code, qui correspond aux différents caractères spéciaux.

L'utilisation de l'encodage en pourcent n'est pas obligatoire, mais il est fortement recommandé. En effet, une URL non encodée marchera dans la plupart des cas, mais il risque toujours d'y avoir certains systèmes pouvant avoir du mal avec les caractères spéciaux. En revanche, tout système respectant les bonnes pratiques sera capable de décoder l'encodage en pourcent.

Dans ce sens, le but d'Actito n'est pas de vous bloquer si vous utiliser une URL non-encodée, mais d'attirer votre attention sur les risques potentiels liés à une redirection erronée.

Le guide ci-dessous détaille comment encoder les caractères spéciaux en pourcent.

Char

Encodage

Description

Espace

%20

 

<

%3C

Délimiteurs de texte en traitement de texte - peuvent êtres mal interprétés en transcription

>

%3E

Délimiteurs de texte en traitement de texte - peuvent êtres mal interprétés en transcription

'

%27

Délimiteurs d'URL sous certains systèmes

#

%23

Utilisé en WWW et autres systèmes pour délimiter des URL d'autres fragments ou identifiant qui suivent.

%

%25

Le caractère suivant est considéré comme codant un caractère dans le système dit " échappement % ", donc les deux caractères suivants seront convertis. Si c'est bien le caractère % qui doit être utilisé et apparaître dans l'URL, il faut l'encoder pour l'empêcher de faire croire que le caractère suivant est encodé en échappement % par les deux caractères suivants.

{
}
|
"
^
,

~
[
]
`

%7B
%7D
%7C
%22
%5E
%2C
%7E
%5B

%5D
%60

Ces caractères sont parfois modifiés par certains outils et ne sont donc pas sûrs.

;
/
?
:
@
=
&

%3B
%2F
%3F
%3A
%40
%3D
%26

Ces caractères (tous ceux-là et seulement ceux-là) ont des significations réservées et doivent être codés s'ils n'ont pas de signification dans l'URL ou être utilisés sans être codés pour leur signification.

En fin de compte, seuls les caractères spéciaux $-_.+!*'()" peuvent être utilisés librement.

Les personnalisations

Vos liens peuvent être dynamique et varier pour chaque profil, en fonction d'une adresse stockée dans les attributs de profils, dans une table d'interactions,...

Il y a deux possibilité de faire cela :

Via un adresse absolue

Le lien équivaut alors uniquement à la personnalisation et rien d'autre.

images/download/attachments/639041550/image2020-7-30_18-1-5.png

L'attribut (de profil, d'une table mauve, ...) sur lequel la personnalisation est basée devra obligatoirement contenir une adresse URL entière et correcte, commençant par http(s).

Si l'attribut n'est pas une URL correcte, tout clic sur ce lien résultera en une erreur.

Via une adresse relative

Vous pouvez choisir de partir sur la même base d'adresse et de faire uniquement varier un paramètre de cette adresse via la personnalisation. Par exemple, renvoyer vers les paniers abandonnés de votre e-shop et utiliser un identifiant du panier pour personnaliser l'adresse pour chaque profil.

images/download/attachments/639041550/image2020-7-30_18-6-47.png

Dans cet exemple, le profil sera automatiquement renvoyé vers la documentation dans sa langue maternelle.

Astuce

Il convient de faire attention au format des valeurs stockées dans la DB lorsqu'on les utilisent en personnalisation de manière relative. Par exemple, il faut faire attention à ne pas terminer le lien par un '/' si la valeur de l'attribut commence déjà par un '/', sans quoi le lien tombera en erreur.

Les paramètres additionnels

Les clics dans tous les liens des e-mails envoyés par Actito sont répertoriés grâce au domaine de lien mis en place dans votre licence. Cependant, vous avez la possibilité d'utiliser d'autre systèmes de tracking, que vous utilisez déjà sur votre site par exemple.

Ces systèmes utilisent généralement les paramètres additionnels, qui sont déclarés dans l'url après le caractère '?'.

Dans Actito, vous pouvez :

  • déclarer des paramètres additionnels individuellement dans chacun des différents liens

  • utiliser le bouton "Paramètres des liens" pour déclarer les mêmes paramètres dans tous les liens de votre e-mails

images/download/thumbnails/639041550/image2020-7-30_17-19-29.png

Vous avez la possibilité d'utiliser des personnalisations dans ces paramètres.

images/download/attachments/639041550/image2020-7-30_17-21-26.png

Astuce

Les paramètres non-dynamiques (pas générés par une personnalisation) doivent également être encodés en pourcent (voir si-dessus).

Les paramètres dynamiques seront automatiquement encodés par Actito.

Les paramètres UTM

Parmi les systèmes de tracking, les paramètres UTM de Google Analytics sont les plus utilisés.

Actito vous permet d'ajouter automatiquement les 3 paramètres UTM les plus courants via le bouton "Add google analytics".

Ils seront pré-remplis par les valeurs suivantes :

  • Actito pour utm_source

  • email pour utm_medium

  • le nom de la campagne (via une personalisation standard) pour utm_campaign

Vous pouvez toujours changer la valeur de ces paramètres, ou ajouter les autres paramètres UTM mointés fréquents (term et content) à la main.

De plus, vous pouvez bien sûr utiliser d'autres paramètres additionnels selon l'outil que vous utilisez.

images/download/attachments/639041550/image2021-2-26_15-20-22.png

Les paramètres de formulaires

Les paramètres additionnels de liens ne servent pas qu'à des fins de tracking. Ils peuvent servir à passer des informations additionnelles, par exemple pour initialiser de réponses de formulaires.

C'est notamment le cas avec les formulaires Actito, qui vous permettent de pré-remplir une réponse avec la valeur d'un paramètre d'url.

C'est très utile si votre e-mail comporte par exemple plusieurs boutons, et que vous voulez pré-remplir une question sur base du bouton cliqué (par exemple, un questionnaire de satisfaction).

images/download/attachments/639041550/image2021-2-26_15-40-47.png

C'est possible aussi bien pour les formulaires de type "public", dont l'adresse contient par défaut un paramètre "source" (mais d'autres paramètres peuvent être ajoutés)...

images/download/attachments/639041550/image2021-2-26_15-43-57.png

... que pour les formulaires de types "privés", qui doivent être insérés sous forme de personnalisation.

En effet, même si un lien est défini sous forme de personnalisation, il est toujours possible de rajouter des paramètres additionnels après la variable.

images/download/attachments/639041550/image2021-2-26_15-55-57.png

A savoir

Le format standard pour rajouter des paramètres additionnels est de les déclarer après le signe "?", comme dans l'exemple ci-dessus.

Cependant, quand vous voulez rajouter des paramètres à une personnalisation qui fait référence à un formulaire, pour initialiser l'accès à ce formulaire, Actito utilise déjà des paramètres d'urls.

Il ne faut donc pas utiliser le signe "?", mais le signe "&", qui sert à séparer différents paramètres additionnels d'une url.

images/download/attachments/639041550/image2021-2-26_15-56-51.png