> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Klaviyo add to cart-eventsporing i Upcart

> Denne artikel forklarer, hvordan du aktiverer præcis Klaviyo-eventsporing, når kunder tilføjer varer til deres kurv med Upcart.

<div id="overview">
  # Oversigt
</div>

Som standard overtager Upcart Shopifys kurvfunktionalitet, hvilket kan forhindre tredjepartsapps som **Klaviyo** i at registrere kurvopdateringer. Heldigvis er der to pålidelige måder at gendanne **Add to Cart (ATC)**-sporing i Klaviyo, mens Upcart forbliver aktiv.

Før du begynder, skal du sørge for, at **Klaviyo Onsite Tracking** er korrekt konfigureret. Du kan følge deres opsætningsguide her:\
👉 [Klaviyo Onsite Tracking opsætningsguide](https://help.klaviyo.com/hc/en-us/articles/4425956184731)

***

<div id="option-1-use-ajax-compatibility-fastest-setup">
  ## Mulighed 1: Brug AJAX-kompatibilitet (hurtigste opsætning)
</div>

Upcart har en indstilling, der genopretter kompatibilitet med andre apps ved at eksponere Shopifys native kurvopdateringsadfærd. Når denne er aktiveret, kan Klaviyo igen lytte efter Add to Cart-events.

<div id="how-to-enable">
  ## Sådan aktiverer du:
</div>

1. Gå til **Upcart > Cart Editor > Settings > Cart settings**
2. Rul til **Advanced Settings**, og fold den ud
3. Markér **Enhanced Ajax API compatibility**
4. Klik på **Save**, og test resultatet

⚠️ **Vigtigt: Afvejninger ved Enhanced AJAX API Compatibility**\
Denne indstilling er **deaktiveret som standard** for de fleste butikker. Aktivér den KUN, hvis din butik bruger et ikke-standard AJAX cart API, og Upcart ikke opfanger add to cart-events. Når den er aktiveret, får andre apps mere kontrol over kurvens adfærd, hvilket kan forårsage redirect-loops eller sende kunder til Shopifys kurvside i stedet for at åbne Upcart-draweren. Hvis aktivering af denne indstilling forårsager redirects, skal du deaktivere den og i stedet skifte til **Mulighed 2** med det manuelle Upcart API (`upcartRegisterAddToCart`).

For komplet vejledning om denne indstilling, se [Enhanced AJAX API Compatibility](/da/upcart/enhanced_ajax_api_compatibility).

***

<div id="option-2-recommended-add-a-custom-klaviyo-script">
  ## Mulighed 2 (anbefalet): Tilføj et brugerdefineret Klaviyo-script
</div>

Denne metode giver dig det bedste fra begge verdener: **Upcart bevarer fuld kontrol**, og **Klaviyo-sporing virker stadig**.

<div id="steps">
  ## Trin:
</div>

1. Åbn **Upcart > Cart Editor > Settings**
2. Rul ned til sektionen **Custom HTML**
3. I dropdown-menuen skal du vælge **Scripts (Before Load)**
4. Indsæt følgende script:

Moderne API (anbefalet):

```
<script>
  function TrackATC(){
    var _learnq = window._learnq || [];
    _learnq.push(['track', 'Added to Cart']);
    console.log("Klaviyo ATC");
  }

  window.upcartSubscribeAddedToCart(function(event) { TrackATC(); });
  window.upcartSubscribeUpsellsAddedToCart(function(event) { TrackATC(); });
</script>
```

<Warning>
  Indsæt hele blokken, inklusive `TrackATC`-funktionen. Subscriberen kalder den, så et kodestykke med kun de to `upcartSubscribe…`-linjer kaster `Uncaught ReferenceError: TrackATC is not defined` ved hver tilføjelse til kurven og sender intet til Klaviyo.
</Warning>

Ældre API (virker stadig, men er forældet):

```
<script>  
  function TrackATC(){  
    var _learnq = window._learnq || [];  
    fetch(`${window.location.origin}/cart.js`)  
      .then((res) =>  
        res.clone().json().then((data) => {  
          var cart = {  
            total_price: data.total_price / 100,  
            $value: data.total_price / 100,  
            total_discount: data.total_discount,  
            original_total_price: data.original_total_price / 100,  
            items: data.items,  
          };  
          _learnq.push(['track', 'Added to Cart', cart]);  
          console.log("Klaviyo ATC");  
        }).catch((e) => {  
          console.error('Klaviyo add to cart tracking failed', e);  
        })  
      );  
  }  
  
  window.upcartOnAddToCart = () => { TrackATC(); };  
  window.upcartOnAddUpsell = () => { TrackATC(); };  
</script>
```

***

<div id="what-this-does">
  ## Hvad dette gør:
</div>

* Sender et "Added to Cart"-event til Klaviyo, hver gang et produkt eller en upsell tilføjes via Upcart
* Tilføjer en bekræftelsesbesked (`Klaviyo ATC`) til din browserkonsol, så du ved, at det virker

***

<div id="how-to-test-your-setup">
  ## Sådan tester du din opsætning
</div>

For at bekræfte, at din Klaviyo-integration fungerer korrekt:

* Følg [Klaviyos guide til test af Add to Cart-events](https://help.klaviyo.com/hc/en-us/articles/4425956184731)
* Brug din browsers **Console**-fane til at verificere, at "Klaviyo ATC"-loggen vises efter tilføjelse af et produkt
* Tjek Klaviyos analyse-dashboard for ATC-eventdata

Hvis du stadig ikke ser sporingsdata, skal du bekræfte, at Klaviyos onsite-scripts er installeret og aktiveret. For hjælp kan du kontakte [Klaviyo Help Center](https://help.klaviyo.com/hc/en-us).

***

<div id="summary">
  ## Opsummering
</div>

|                                                |                                           |                                         |
| ---------------------------------------------- | ----------------------------------------- | --------------------------------------- |
| Metode                                         | Fordele                                   | Hvornår den skal bruges                 |
| **Mulighed 1** – Aktivér AJAX-kompatibilitet   | Hurtigste opsætning, ingen kode påkrævet  | Når andre apps ikke forstyrrer          |
| **Mulighed 2** – Tilføj brugerdefineret script | Mest pålidelig, Upcart bevarer kontrollen | Når Mulighed 1 forårsager kurv-redirect |

Hvis du bruger Klaviyo og Upcart sammen, bør denne guide hjælpe dig med at spore events problemfrit, mens din cart drawer-oplevelse forbliver intakt.

***

Har du brug for mere hjælp? Kontakt os via supporten i appen.