Vai al contenuto principale

💲 Tracciare le vendite del vostro e-commerce utilizzando i link tracciati

Dalle vostre campagne avete la possibilità di creare link tracciati e di condividerli con i KOL di vostra scelta. In questo modo è possibile recuperare diversi dati utili:

  • Numero di clic

  • Fonti dei clic

    • Geografia (Paese/CittĂ )

    • Reti sociali

È ora possibile monitorare le vendite sul proprio sito di e-commerce da questi link generati nell'applicazione. Shopify e Prestashop sono supportati in modo nativo; non esitate a contattare il vostro contatto Kolsquare o il nostro supporto per potervi supportare al meglio su altri CMS o siti personalizzati.

Shopify

Primo passo

  1. Accedere all'amministrazione di Shopify

  2. Andate alla scheda “Temi” del vostro negozio online dal menu di sinistra, oppure andate direttamente a questo link: https://admin.shopify.com/store/kolshopp/themes
    ​
    ​

  3. Una volta entrati nella pagina “Theme”, identificate il vostro tema attuale e cliccate sui 3 punti corrispondenti, quindi su “Edit code”.
    ​
    ​

  4. Cercare il file “theme.liquid”. Lo troverete più facilmente grazie alla barra di ricerca in alto a sinistra, quindi cliccateci sopra (il file si aprirà nel pannello di destra).
    ​
    ​

  5. In questo file, andate in fondo e incollate il seguente codice (fate attenzione a non cancellare il codice esistente):
    ​ATTENZIONE: incollare il codice subito prima dei tag </body> e </html> come nella seguente schermata

    <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. Salvare la modifica.

Seconda fase

  1. Accedere all'amministrazione di Shopify

  2. Cercare "Pixels" nella barra di ricerca e fare clic su "Pixels" nei risultati della ricerca.
    ​
    ​

    Capture d’écran 2024-10-14 à 17.11.37.png

  3. Una volta entrati nel menu “Pixel” (Eventi cliente), cliccate su “Aggiungi pixel personalizzato”.
    ​
    ​

    Capture d’écran 2024-10-14 à 17.11.52.png

  4. Nominare il pixel personalizzato “Kolsquare” per renderlo più facile da trovare.
    ​

    Capture d’écran 2024-10-14 à 17.12.13.png

  5. Nella sezione Privacy del cliente, aprire i due banner “Autorizzazione” e “Vendita di dati”. E selezionare “Non richiesto” per il primo e “I dati raccolti non rientrano nella vendita di dati” per il secondo.
    ​
    ​

  6. Nella sezione “Code”, cancellare il contenuto già presente e copiare-incollare il seguente codice:

    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. Salvare tramite il pulsante in alto nella pagina. Se necessario, confermare il salvataggio.
    ​
    ​

  8. Fare clic su "Connetti" per mettere online il pixel
    ​
    ​

  9. Il pixel è installato!

D'ora in poi, quando una persona effettua un ordine da un link tracciato generato da Kolsquare, le informazioni sulle vendite saranno visibili nella scheda “Reporting” della vostra campagna.

Prestashop

  1. Vai all'amministrazione di Prestashop

  2. Andare a “Moduli” > “Gestione moduli”
    ​
    ​

    Capture d’écran 2023-10-20 à 11.13.03.png

  3. Una volta nella pagina, fare clic su “Carica un modulo” in alto a destra della pagina.
    ​
    ​

    Capture d’écran 2023-10-20 à 11.13.21.png

  4. Scegliete il file “kolsquare.zip” che potete trovare qui
    ​
    ​

    Capture d’écran 2023-10-20 à 11.13.29.png

  5. Il modulo è installato!
    ​

    Capture d’écran 2023-10-20 à 11.15.48.png

D'ora in poi, quando una persona effettua un ordine da un link tracciato generato da Kolsquare, le informazioni sulle vendite saranno visibili nella scheda "Reporting" della vostra campagna.

Altri e-shop e e-shop personalizzati

Saremo in grado di tracciare le vendite solo condividendo i link di tracciamento generati dall'influenza.

campaigns -> tracking links

Per lasciare che Kolsquare colleghi la vostra campagna con le vostre vendite, dovete inserire 2 codici in
il vostro codice base.

Per farlo, incollare il codice sottostante nel punto giusto per caricare lo script al primo caricamento. (Ogni pagina dovrebbe essere
in grado di caricare lo 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 }));
}

Aggiungete quindi il codice sottostante alla vostra pagina di pagamento. (L'invio deve attivare la funzione).

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'));

Il codice è scritto come esempio. È possibile modificarlo come si desidera. Solo l'oggetto dati e l'url di recupero di non possono essere modificati.

Una volta completata la configurazione, i dati verranno recuperati e inseriti nella reportistica della campagna 🎉

I dati che verranno caricati nell'applicazione

I dati sulle vendite vengono sincronizzati due volte al giorno per aggiornare i vostri report

  • Numero di vendite

  • Fatturato

  • Carrello medio

  • Numero di articoli

  • Numero medio di articoli per vendita

  • ROI (ricavi - budget investito)

  • ROAS (ricavi / budget investito)

  • Tasso di conversione (Numero di vendite / Numero di clic)

Hai ricevuto la risposta alla tua domanda?