Espaces réservés d’objets assembly natifs

Vous pouvez ajouter une variété d’espaces réservés d’objets image et de données standard et personnalisés à la zone de texte HTML sous l’onglet Renderer pour vos assemblys natifs. Voici une liste d’espaces réservés d’objets image et de données standard et personnalisés disponibles :

Espaces réservés d’objets de données standard

Exemple HTML - titre [%title%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>Click Here</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%] 

Un espace réservé a été ajouté ([%title%] sur la première ligne). Vous pouvez ajouter [%title%] pour représenter l’emplacement où vous souhaitez ajouter la vue native, qui se trouve sur le côté gauche des onglets Configuration et Renderer . Dans la vue native, vous pouvez remplacer [%title%] par le titre par défaut « 10 aliments de petit déjeuner dont tout le monde a besoin dans son régime alimentaire » ou par le titre de la création gagnante.

Exemple HTML - Appel à l’action [%cta%]

<p class='native-title'>[%title%]</p>
            <div class='native-body'>
            <a href='[%clickUrl%]' target='_blank'>[%cta%]</a>
            
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%] 

Un espace réservé a été ajouté ([%cta%] sur la troisième ligne). Vous pouvez ajouter [%cta%] pour représenter l’emplacement où vous souhaitez ajouter la vue native, qui se trouve sur le côté gauche des onglets Configuration et Renderer . Dans la vue native, vous pouvez remplacer par [%cta%]Cliquez ici.

Espaces réservés d’objet image standard

Tous les espaces réservés d’objet image standard ont une PROPRIÉTÉ URL, width et height. Par conséquent, ajoutez la propriété appropriée après « image ». Par exemple, [%image.url%], [%image.width%]et [%image.height%].

Exemple CSS - URL d’image [%image.url%]

.native-title {
            color: grey;
            }
            .native-body {
            background: url([%image.url%]);
            width: 300px;
            height:350px;
            } 

Espaces réservés d’objets de données personnalisés

Notez qu’il existe cinq espaces réservés pour chacun de ces espaces réservés d’objets de données personnalisés.

Espaces réservés d’objets d’image personnalisés

Notez qu’il existe cinq espaces réservés pour chacun de ces espaces réservés d’objets d’image personnalisés. Tous les espaces réservés d’objet image personnalisés ont une URL, une propriété width et height. Par conséquent, ajoutez la propriété appropriée après «customImage #. ». Par exemple, [%customImage1.url%], [%customImage1.width%]et [%customImage1.height%].

Espaces réservés d’objets de suivi

const container = document.getElementById(targetId);
               container.addEventListener('click', () => {
               window.open(nativeObj.clickUrl, '_blank');
               });

Exemple DE CODE HTML [%click_trackers%]

<a href='[%clickUrl%]' target='_blank'>
            <p class='native-title'>[%title%]</p>
            <div class='native-body'>
            [%cta%]
            
            </a>
            [%impressionTrackers%]
            [%javascriptTrackers%]
            [%clickTrackers%] 

Rubrique connexe

Configuration d’un assembly natif