Tilføjelse af tilpassede pixels

Hvis der ikke er nogen app, der kan spore de specifikke kundehændelser, som du vil indsamle data for, kan du tilføje en tilpasset pixel, der kører i et sandkassemiljø.

Når du tilføjer en tilpasset pixel, angiver du følgende oplysninger:

  • tredjeparts-JavaScript-pixelen
  • de adfærdshændelser, du vil spore

Forberedelse af pixelkode fra tredjepart

Den tredjepartstjeneste, du bruger, leverer den kode, der er integreret med pixelen, til dig. En pixel har normalt to komponenter, en SDK og trackingkoden. Al HTML i tredjepartstjenestekoden skal fjernes, da Shopify-pixel-sandkassen kun understøtter JavaScript.

Her er et eksempel på en Meta-pixel. Bemærk: Pixels vil variere lidt afhængigt af firmaet.

​​<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=618182112209280&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Når du har fjernet HTML fra metaens kode, har du metaens pixel-SDK og kode tilbage til at initialisere den. Hændelsestrackingkoden PageView er også blevet fjernet, fordi den bliver tilføjet i næste trin.

​​!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);

Du støder muligvis på pixels, der indlæses ved hjælp af script src=. HTML understøttes ikke i Shopifys pixels, så du skal erstatte dette med tilsvarende JavaScript.

Her er et eksempel på en Google Analytics-pixel:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_PIXEL_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', ''YOUR_PIXEL_ID'');
</script>

script src=-delen kan erstattes af følgende tilsvarende JavaScript. Sørg altid for, at din src-attribut matcher HTML-versionen:

const script = document.createElement('script');
script.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=YOUR_PIXEL_ID');
script.setAttribute('async', '');
document.head.appendChild(script);

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR_PIXEL_ID');

Abonner på standardhændelser

Når du har indlæst og initialiseret pixelens SDK, skal du overføre hændelser til den for at spore den. Dette gøres ved at abonnere på hændelser og derefter overføre hændelsesdataene til pixelens SDK, så de kan blive behandlet af tredjepartstjenesten.

Shopify tilbyder et standardsæt af hændelser, hvilket gør det nemt at sikre, at din pixel indsamler de data, den skal bruge.

Du kan abonnere på hændelser ved hjælp af Shopify Pixels Extension API. Du skal placere pixelkoden fra tredjepart sammen med den hændelse, du abonnerer på.

Dette er et eksempel på hændelsen PageView Metas pixel. Bemærk, at fbq("track") er en del af Metas kode, og at hvert firma vil have sin egen version, som du skal læse deres dokumentation til.

analytics.subscribe("page_viewed", event => {
  fbq('track', 'PageView');
});

Nogle hændelser indeholder metadata, som du kan overføre til din pixel. Her er et eksempel på, hvordan du kan overføre nogle produktoplysninger til Metas ViewContent-hændelse:

analytics.subscribe("product_viewed", event => {
  fbq('track', 'ViewContent', {
    content_ids: [event.product_id],
    content_name: event.product_title,
  });
});

Tilføj en tilpasset pixel

Før du tilføjer en tilpasset pixel, skal du fjerne alle eksisterende pixels for at sikre, at kundehændelser ikke tælles to gange.Eksisterende pixelkode skal fjernes manuelt fra et hvilket som helst sted, hvor den findes, f.eks.theme.liquid,checkout.liquid (Kun Plus-shopejere) og i andre scripts til betaling.

  1. Gå til Indstillinger > Kundehændelser i din Shopify-administrator.
  2. Giv din pixel et unikt navn. Hvis du angiver navnet på en tilpasset pixel, som allerede findes, vil du blive bedt om at give din pixel et andet navn.
  3. Klik på Tilføj pixel for at åbne hændelseseditoren.
  4. Indsæt JavaScript-pixelen fra tredjepart i vinduet Kode.
  5. Tilføj de hændelser, du vil spore, i det relevante skema.
  6. Valgfrit: Klik på Flere handlinger for at redigere dit pixelnavn eller se oplysninger om ansættelse af en Shopify-ekspert, hvis du har brug for hjælp til dine tilpassede pixels.
  7. Klik på Gem for at gemme din tilpassede pixel. Hvis du er klar til at tilknytte din tilpassede pixel nu, kan du klikke på Tilknyt pixel for at at begynde at spore dine hændelser.

Tilknyt en tilpasset pixel

Når der er tilføjet en tilpasset pixel, skal du knytte pixelen til din butik.

  1. Klik på Tilpassede pixels på siden Kundehændelser i din Shopify-administrator.
  2. Tilpassede pixels, der ikke er tilknyttet i øjeblikket, vises under overskriften Frakoblede pixels. Klik på Tilknyt på den relevante tilpassede pixellinje.
  3. Gennemgå Servicevilkår for Shopify. Klik på Tilknyt, hvis din pixel opfylder tjenestekravene.

Eksempler på tilpassede pixel

Tilpasset Meta-pixel

​​!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);

analytics.subscribe("page_viewed", event => {
  fbq('track', 'PageView');
});

analytics.subscribe("product_viewed", event => {
  fbq('track', 'ViewContent', {
    content_ids: [event.product_id],
    content_name: event.product_title,
    currency: event.currency,
    value: event.product_price,
  });
});

analytics.subscribe("search_submitted", event => {
  fbq('track', 'Search', {
    search_string: event.search_value
  });
});

analytics.subscribe("product_added_to_cart", event => {
  fbq('track', 'AddToCart', {
    content_ids: [event.product_id],
    content_name: event.product_title,
    currency: event.currency,
    value: event.product_price,
  });
});

analytics.subscribe("payment_info_submitted", event => {
  fbq('track', 'AddPaymentInfo');
});

analytics.subscribe("checkout_started", event => {
  fbq('track', 'InitiateCheckout');
});

analytics.subscribe("checkout_completed", event => {
  fbq('track', 'PageView');
});

Frakobling af tilpassede pixels

Hvis du vil stoppe med at spore de hændelser, som du tilføjede en tilpasset pixel for, skal du afbryde forbindelsen mellem pixelen og din webshop manuelt.

Fremgangsmåde:

  1. Klik på Tilpassede pixels på siden Kundehændelser i din Shopify-administrator.
  2. Tilpassede pixels, der er tilknyttet i øjeblikket, vises øverst på din liste over tilpassede pixels. Klik på Afbryd tilknytning på den relevante tilpassede pixellinje. Pixelen slettes ikke, når du frakobler den.

Sletning af tilpassede pixels

Du kan slette tilpassede pixels, som du ikke længere har brug for.

Fremgangsmåde:

  1. Klik på Tilpassede pixels på siden Kundehændelser i din Shopify-administrator.
  2. Klik på knappen ... på den relevante tilpassede pixellinje.
  3. Klik på Slet. Bekræft sletningen, og den tilpassede pixel fjernes fra pixelmanageren.

Sletning af en tilpasset pixel kan ikke fortrydes, så sørg for, at du sletter den relevante pixel.

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis