Passer au contenu principal
Toutes les collectionsContenus affiliés
Intégrer vos liens, boutons et tableaux de prix
Intégrer vos liens, boutons et tableaux de prix
Alexandre Lemoine avatar
Écrit par Alexandre Lemoine
Mis à jour il y a plus de 2 mois

Liens

Les liens sont générés pour chaque canal de diffusion de votre média. Il vous suffit de les copier/coller dans l'éditeur de contenu de votre canal (ex: éditeur wysiwyg de votre page web, description youtube...).

Boutons et Tableaux de prix

Les boutons et tableaux de prix sont générés par un composant web (web component ou custom element) qui se charge automatiquement avec l'identifiant du contenu à publier.

Pour ce faire, il y a deux possibilités :

Intégration du web component

Pour que les widgets Affilizz puissent ĂȘtre visibles dans vos articles, il est nĂ©cessaire d'ajouter le script suivant dans la balise <head> de votre page web (cf. capture d'Ă©cran) :

<script type="text/javascript" src="https://sc.affilizz.com/affilizz.js" async></script>

(💡 Si cette zone n'est pas accessible depuis votre Ă©diteur, vous pouvez toujours le coller juste avant votre script de contenu Ă©voquĂ© au dessus.)

Il vous reste simplement à copier/coller le script de chaque contenu fourni dans l'édition de contenu affilié, sur votre page web dans l'éditeur de contenu de votre canal (ex: éditeur wysiwyg de votre page web) à l'emplacement souhaité.

Pour générer le script, cliquez sur :

Le composant est une balise html de la forme suivante :

<affilizz-rendering-component loading="lazy" publication-content-id="xxxx"></affilizz-rendering-component>

ParamĂštres du composant :

  • publication-content-id : Identifiant de votre contenu affiliĂ© (bouton, tableau de prix), prĂ©sent dans le script par dĂ©faut.

  • loading : Comportement de chargement. Valeurs possibles:

    • 'default' : Se charge en mĂȘme temps que la page

    • 'lazy' : Se charge uniquement si la zone est au dessus de la ligne de flottaison (avec une marge de 300px de hauteur pour compenser le temps de chargement). Cette valeur est donnĂ©e par dĂ©faut pour optimiser les performances d'affichage.

  • render-api-url : vous pouvez spĂ©cifier l'url de l'API de rendu Affilizz. Ce paramĂštre peut-ĂȘtre utile si vous souhaitez utiliser un proxy de votre site vers l'API, pour contourner des bloqueurs de publicitĂ© par exemple.

Intégration du composant en SSR

Si vous préférer gérer l'affichage du rendu du composant avant qu'il n'arrive cÎté navigateur client (cÎté serveur donc), vous pouvez appeler le rendu directement depuis l'API.
​La documentation API est disponible ici

WordPress

Un plugin WordPress est disponible pour intégrer vos contenus facilement. Rendez-vous dans la section plugin pour l'installer et l'utiliser dans vos pages.

Avez-vous trouvé la réponse à votre question ?