Comment ajouter des boutons "AddThis" ou "ShareThis" d'abonnements aux réseaux sociaux afin de booster vos followers ?

Olivier de Lamotte -

Vous utilisez AddThis ou ShareThis et vous ajoutez des boutons "Follow" à vos campagnes Qualifio afin d'augmenter le nombre de vos followers sur Facebook, Instagram, Twitter, Youtube ou bien d'autre réseaux sociaux? C'est tout à fait possible!

Ce tutorial vous expliquera comment le faire pour AddThis et puis ShareThis.

 

AddThis

Dans AddThis

Vous pouvez soit utiliser un de vos "Tools" actuels ou en créer un nouveau. Pour cette FAQ, nous en créerons un nouveau:

  • Ajouter un nouveau 'tool'
  • Choisissez "Follow buttons"
  • Séléctionnez "Inline"
  • Définissez vos "Sharing services"

Capture_d_e_cran_2019-07-17_a__16.06.50.png

  • Designez les de la façon voulue. Nous suggérons de garder la couleur des boutons et le blanc pour les icônes afin d'optimiser la compréhension des utilisateurs et de garder l'alignement horizontal.
  • Ne cachez pas les boutons sur aucun appareil
  • Ne cachez pas les boutons sur une page et définissez (si voulu) un "Follow Up Message"

Gardez la première ligne de code fournie à portée:

1. Le script devrait ressembler à ceci:

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d25eb7e62836d40"></script>

2. Vous devrez également ajouter ce <div>. Copiez celui ci-dessous:

 <div class="addthis_inline_follow_toolbox"></div>

 

Dans Qualifio

  • Editez la campagne dans laquelle vous voulez ajouter ce widget
  • Allez dans l'étape dans laquelle vous désirez que les "Follow buttons" apparaissent. Nous suggérons l'écran de sortie.
  • Allez dans le mode "Source" et collez le <script> et le <div> définis ci-dessus

Capture_d_e_cran_2019-07-17_a__17.28.17.png

Capture_d_e_cran_2019-07-17_a__16.16.07.png

  • Sauvegardez et allez dans l'Apparence de la campagne
  • Editez l'Apparence et ajoutez ce code dans l'onglet CSS
.addthis_inline_follow_toolbox {
text-align: center;
}

div.addthis-animated {
display: inline-block !important;
}
  • Sauvez votre et prévisualisez votre campagne et Save and check your campaign, vous devriez voir ces boutons comme ci-dessous:Capture_d_e_cran_2019-07-17_a__16.19.20.png

BONUS

Vous désirez publiez ces "Follow" boutons partout sur TOUTES vos campagnes Qualifio ? C'est encore plus facile!

  • Allez dans la "Gestion des sites"
  • Allez dans "Tags"

Capture_d_e_cran_2019-07-17_a__16.27.36.png

  • Ajoutez le code suivant dans "Code HTML Supplémentaire" en CHANGEANT les numéros par ceux de votre compte
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d25eb7e62836d40"></script></p>
<div class="addthis_inline_follow_toolbox" style="text-align: center;"></div>
<style>
.addthis_inline_follow_toolbox {
text-align: center;
}

div.addthis-animated {
display: inline-block !important;
}
</style>
  • Sauvez et c'est fait. Vous aurez automatiquement ces boutons "Follow" dans toutes les pages de toutes vos campagnes.

 

ShareThis

Dans ShareThis

Créez un compte et ajoutez un nouvel "Follow buttons"

  • Sélectionnez les canaux désirés (Facebook, Instagram, etc.)(Facebook, Instagram, etc.)
  • Définissez les urls de vos profils
  • Définissez l'alignement et personnalisez vos boutons

Capture_d_e_cran_2019-07-17_a__16.42.56.png

Gardez la première ligne de code fournie à portée:

1. Le script devrait ressembler à ceci:

<script src="https://platform-api.sharethis.com/js/sharethis.js#property=5d2f3236bce6d60012be8dfc&product=inline-follow-buttons"></script>

2. Vous devrez également ajouter ce <div>. Copiez celui ci-dessous:

<div class="sharethis-inline-follow-buttons"></div>

 

Dans Qualifio

  • Editez la campagne dans laquelle vous voulez ajouter ce widget
  • Allez dans l'étape dans laquelle vous désirez que les "Follow buttons" apparaissent. Nous suggérons l'écran de sortie.
  • Allez dans le mode "Source" et collez le <script> et le <div> définis ci-dessus

Capture_d_e_cran_2019-07-17_a__17.28.17.png

Capture_d_e_cran_2019-07-17_a__16.16.07.png

  • Sauvez votre et prévisualisez votre campagne et Save and check your campaign, vous devriez voir ces boutons comme ci-dessous:Capture_d_e_cran_2019-07-17_a__16.19.20.png 

BONUS

Vous désirez publiez ces "Follow" boutons partout sur TOUTES vos campagnes Qualifio ? C'est encore plus facile!

  • Allez dans la "Gestion des sites"
  • Allez dans "Tags"

Capture_d_e_cran_2019-07-17_a__16.27.36.png

  • Ajoutez le code suivant dans "Code HTML Supplémentaire" en CHANGEANT les numéros par ceux de votre compte
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=5d2f3236bce6d60012be8dfc&product=inline-follow-buttons"></script>
<div class="sharethis-inline-follow-buttons"></div>
  • Sauvez et c'est fait. Vous aurez automatiquement ces boutons "Follow" dans toutes les pages de toutes vos campagnes.

 

Qu'est-ce que AddThis?

AddThis est un service GRATUIT de social bookmarking qui peut être intégré dans un site web avec l'utilisation d'un widget web.

Une fois ajouté, les visiteurs du site peuvent marquer un élément en utilisant une variété de services, tels que Facebook, Youtube, Instagram, et Twitter.

AddThis est aujourd'hui le service le plus largement utilisé pour les favoris et partager des pages web.

AddThis est détenu par Oracle Corporation.

What is ShareThis?

Le bouton ShareThis est un widget "all-in-one" GRATUIT qui permet aux utilisateurs de partager n'importe quel contenu sur le web avec ses amis, par email, AIM ou SMS.

ShareThis est un projet OpenSource.

 

Vous utilisez une alternative à AddThis ou ShareThis? N'hésitez pas à nous contacter et nous rédigerons le tutorial avec vous!

 

DISCLAIMER

Qualifio n'est en rien lié à aucun des fournisseurs cités ci-dessus.

Consultez les 'Privacy policy' du fournisseur que vous choisirez. En effet, ces sociétés se rémunèrent majoritairement sur le placement de cookies sur leurs boutons Follow/Share.

Cet article vous a-t-il été utile ?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts