Passer au contenu principal

đŸ’Č Tracker vos ventes e-commerce grĂące aux liens trackĂ©s

Vous avez la possibilitĂ© depuis vos campagnes de crĂ©er des liens trackĂ©s et de les partager aux KOLs de votre choix. Plusieurs donnĂ©es utiles peuvent alors ĂȘtre rĂ©cupĂ©rĂ©es:

  • Nombre de clics sur les liens

  • Sources des clics

    • GĂ©ographique (Pays/Ville)

    • RĂ©seaux sociaux

Un KOL peut avoir plusieurs liens trackĂ©s dans une mĂȘme campagne.

Vous pouvez désormais tracker les ventes passées sur votre site e-commerce venant de ces liens générés dans l'application. Shopify et Prestashop sont supporté nativement, n'hésitez pas à contacter votre interlocuteur Kolsquare ou notre support afin de vous accompagner au mieux sur d'autres CMS ou site custom.

Shopify

PremiÚre étape

  1. Rendez-vous dans votre admin Shopify

  2. Allez dans l'onglet "ThĂšmes" de votre boutique en ligne depuis le menu de gauche, ou allez directement sur ce lien: https://admin.shopify.com/store/kolshopp/themes
    ​
    ​

  3. Une fois dans la page de "ThĂšme", identifiez votre ThĂšme actuel et cliquez sur les 3 points correspondant, puis sur "Modifier le code"
    ​
    ​

  4. Recherchez le fichier "theme.liquid". Vous le trouverez plus facilement grĂące la barre de recherche en haut Ă  gauche, puis cliquez dessus (le fichier s'ouvrira sur le panneau de droite)
    ​
    ​

  5. Dans ce fichier, rendez-vous tout en bas de celui-ci et collez y le code suivant (Attention de ne pas supprimer le code existant).
    ​ATTENTION: Collez le code juste avant les balises </body> et </html> comme dans le screenshot suivant
    ​
    ​

    <script>
    if (window) {const urlParams = new URLSearchParams(window?.location?.search);
    const sales_token = urlParams.get('ts');
    if (sales_token) {window.localStorage.setItem('kolsquare', JSON.stringify({ sales_token }));}}
    </script>
  6. Enregistrez votre modification

DeuxiÚme étape

  1. Rendez-vous dans votre admin Shopify

  2. Recherchez "Pixels" dans la barre de recherche et cliquez sur "Pixels" dans les résultats de la recherche
    ​
    ​

    Capture d’écran 2024-10-14 à 17.11.37.png
  3. Une fois sur dans le menu "Pixels" (ÉvĂ©nements clients), cliquez sur "Ajouter un pixel personnalisĂ©"
    ​
    ​

    Capture d’écran 2024-10-14 à 17.11.52.png
  4. Nommez le pixel personnalisé "Kolsquare" afin de le retrouver plus facilement.
    ​

    Capture d’écran 2024-10-14 à 17.12.13.png
  5. Dans la partie Confidentialité des clients, déroulez les deux bandeaux "Autorisation" et "Vente de données". Sélectionnez "Non requis" pour le premier, et "Les données collectées ne sont pas considérées comme une vente de données" pour le deuxiÚme.
    ​
    ​

    Capture d’écran 2024-10-14 à 17.36.18.png
  6. Dans la partie "Code", supprimez le contenu déjà présent, et copier-coller le code suivant:
    ​
    ​

    function getCoupons(checkout) {
    const allDiscountCodes = checkout.discountApplications.map((discount) => {
    if (discount.type === 'DISCOUNT_CODE') {
    return discount.title;
    }
    });

    return allDiscountCodes.join(", ");
    }

    analytics.subscribe('checkout_completed', (event) => {
    const { sales_token } = JSON.parse(window.localStorage.getItem('kolsquare'));

    if (!sales_token) return null;

    const checkoutTracking = async data => {
    if (!sales_token) return null;
    const response = await
    fetch(`https://api.kolsquare.com/influence/tracking_links/sales/${sales_token}`, {
    method: 'POST',
    body: JSON.stringify({ tracking_link_sale: {
    order_id: event.data.checkout.order?.id,
    total_price: event.data.checkout.totalPrice.amount,
    currency: event.data.checkout.totalPrice.currencyCode,
    items_count: event.data.checkout.lineItems.length,
    created_at: event.timestamp,
    discount_code: getCoupons(event.data.checkout),
    store_framework: 'shopify_pixel'
    }}),
    headers: {
    'Content-type': 'application/json',
    'Access-Control-Allow-Origin': '*',
    },
    })
    return response;
    }

    checkoutTracking(event).then(() =>
    window.localStorage.removeItem('kolsquare'));
    });
    Capture d’écran 2024-10-14 à 17.14.00.png
  7. Sauvegardez via le bouton en haut de la page. Et confirmez la sauvegarde si besoin.
    ​
    ​

  8. Cliquez sur "Connecter" pour mettre en ligne le pixel
    ​
    ​

  9. Le pixel est installé !

Dorénavant, lorsqu'une personne passera une commande depuis un lien tracké généré depuis Kolsquare, les informations de vente seront visibles dans l'onglet "Reporting" de votre campagne.

Prestashop

  1. Rendez vous dans votre admin Prestashop

  2. Allez dans l'onglet "Modules" > "Gestionnaire de modules"
    ​
    ​

  3. Une fois sur cette page, cliquez sur "Installer un module" en haut Ă  droite de la page
    ​
    ​

  4. Le module est installé !
    ​

Dorénavant, lorsqu'une personne passera une commande depuis un lien tracké généré depuis Kolsquare, les informations de vente seront visibles dans l'onglet "Reporting" de votre campagne.

Autre site e-commerce ou votre propre e-commerce:

Nous ne pourrons suivre les ventes qu'en partageant les liens de suivi générés dans l'influence.

campaign -> tracking links

Pour permettre Ă  Kolsquare de lier votre campagne Ă  vos ventes, vous devez introduire 2 codes dans votre base de code.

Pour se faire, collez le code ci-dessous au bon endroit pour charger le script lors du premier chargement. (Chaque page doit pouvoir charger le script) :

const urlParams = new URLSearchParams(window.location.search);

const sales_token = urlParams.get('ts');

if (sales_token) {
window.localStorage.setItem('kolsquare', JSON.stringify({ sales_token }));
}

Puis ajoutez le code ci-dessous à votre page de paiement. (Soumettre doit déclencher la fonction)

const kolsquare_tracking_sales = async () => {
const { sales_token } = JSON.parse(window.localStorage.getItem('kolsquare'));
const data = {
order_id: // put your order_id,
order_number: // put your order_number,
total_price: // put your total_price,
currency: // put your currency,
items_count: // put your items_count,
created_at: // put your created_at,
discount_code: // put your discount_code,
}

if (!sales_token) return null;

return await fetch(`https://api.kolsquare.com/influence/tracking_links/sales/${sales_token}`, {
method: 'POST',
body: JSON.stringify({ tracking_link_sale: data }),
headers: {
'Content-type': 'application/json',
'Access-Control-Allow-Origin': '*',
},
'Cache-Control': 'no-cache',
})
}

kolsquare_tracking_sales().then(() => window.localStorage.removeItem('kolsquare'));

Le code est Ă©crit Ă  titre d'exemple.Vous pouvez le modifier Ă  votre guise. Seuls l'objet de donnĂ©es et l'url de rĂ©cupĂ©ration ne peuvent pas ĂȘtre modifiĂ©s.
​
​

Une fois votre configuration terminĂ©e, nous rĂ©cupĂ©rons les donnĂ©es et les plaçons dans les rapports de votre campagne 🎉

Quelles données via les liens trackés remonteront dans Kolsquare :

Les données de ventes via les liens trackés sont synchronisées 2 fois par jour pour permettre la mise à jour de vos reportings :

  • Nombre de ventes

  • Chiffre d'affaires

  • Panier moyen

  • Nombre d'articles

  • Nombre moyen d'articles par vente

  • ROI (Chiffre d'affaire - Budget investi)

  • ROAS (Chiffre d'affaire / Budget investi)

  • Taux de conversion (Nombre de ventes / Nombre de clics)

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