Comment puis-je utiliser des variables à l’intérieur de la balise Custom HTML ?

Lorsque vous définissez le contenu d’un Custom HTML, vous pouvez accéder au contenu de n’importe quelle variable à l’intérieur du conteneur par le biais d’accolades. Vous pouvez assigner les variables à une variable JavaScript, à un style CSS, et l’utiliser au sein du HTML :

<script>
    // correct
    var myVariable = {{PageUrl}};
    var screenWidth = {{ScreenWidth}};
    var pageWidth = myVariable + screenWidth;

    // not correct (do not put quotes around it)
    var myVariable = '{{PageUrl}}';
    // not correct (do not put two variables next to each other)
    var pageWidth = {{PageUrl}}{{ScreenWidth}};
</script>

<style>
    // correct (can only be used as a value)
    body {
        width: {{ScreenWidth}};
    }

    // not correct
    body {
        {{myVar}}: 15px;
    }
</style>

<div>{{PageUrl}} <a href="%7B%7BPageUrl%7D%7D">Cliquez-moi</a></div>

Vous n’êtes pas sûr du nom d’une variable ? Cliquez simplement sur l’icône à côté du champ de texte et un sélecteur de variable s’ouvrira et insérera automatiquement l’espace réservé nécessaire pour la variable.

Qu’est-ce que la valeur de style CSS « mTmKpwoqM » ?

Si vous assignez une variable dans le cadre d’un style CSS, la valeur résultante peut être « mTmKpwoqM » si la variable n’a pas renvoyé de valeur. Par exemple, vous pouvez remarquer un body{ color : mTmKpwoqM ; }. Cette valeur a été choisie pour que votre syntaxe CSS reste « valide » (et pour que cet article de la FAQ soit plus facile à trouver).