Aanmelden

Welkom bij ons Support Center

Voor hulp met integratie en live campagnes.

Welkom bij ons Support Center. Voor hulp met integratie en live campagnes.

Handleiding 3D Cart-tags en feedintegratie

Overzicht

Gebruik deze handleiding bij het genereren van een productfeed en bij het installeren van de Criteo OneTag op uw 3D Cart-site.

Een productfeed genereren

3D Cart heeft een structuur met bovenliggende en onderliggende items. Daarom raden we aan gebruik te maken van de interne product-ID van 3D Cart in plaats van een product-ID die elders is gegenereerd. Volg deze zes stappen om een productfeed te genereren:

  1. Export/Import
    Go to Products > Product List > Export / Import
    image18.png
  2. Go to Products > Manage
    image00.png
  3. Click Add New to create a new export
    image01.png
  4. Match the fields using Criteo Product Feed Specification.
    These are the default column titles. If required, you can add additional columns to the export:
    • name (alias: titel)
    • url_link (alias: link)
    • image1/thumbnail (alias: image_link) Opmerking: let erop dat u de URL van de homepage van de site invoegt als Prefix.
    • description (alias: beschrijving)
    • price (alias: prijs)
    • catalogid (alias: id)
    • saleprice (alias: sale_price)
    • instock_message (alias: beschikbaarheid)
    • categories (alias: producttype)
    • constant for static value (optional)image02.png
  5. Schedule your export. Go to Products > Choose your export under Custom Export Sets > Schedule
    image03.png
  6. Generate feed link http://www.domain.com/assets/exports/filename.csv

    Under Scheduled Exports, choose checkbox Enable and enter the file name. Under Action choose the first option Save File.

    image04.png

De Criteo OneTag installeren

Als eerste opent u het thema van de website. Ga naar Instellingen > Ontwerp > Thema's en stijlen. Klik op Template bewerken (HTML).

Dit zijn de verschillende templates:

  • Homepage: home.html
  • Pagina's met overzichten: category_0.html. Er kunnen voor categoriepagina's meerdere templates zijn.
  • Productpagina's: listing_0.html. Er kunnen voor productpagina's meerdere templates zijn.
  • Productpagina's (snelle weergave): quickview.html
  • Winkelwagenpagina's: view_cart.html
  • Winkelwagenpagina's (snelle weergave): view_cart_quick.html
  • Orderbevestigingspagina: checkout-step4.html als dit een 4-staps kassasysteem is.

Als u alle tags in één voorwaarde opneemt, kunt u uw script toevoegen aan frame.html.

Voer deze vijf eenvoudige stappen uit om de Criteo OneTag te integreren:

  1. Homepage Template >home.html
    Click for Homepage Tag
  2. Listing Template >category_0.html
    The idea here is to populate the product IDs on the page as either HTML or a JavaScript variable using the macro [catalogid].

    The listing loop generally sits within the section with the following START and END comments.

    <!--START: CATEGORY_ITEMS-->
    <!--START: ITEM_TEMPLATE_0-->
    ....html template for each product in the category....
    <!--END: ITEM_TEMPLATE_0-->
    <!--END: CATEGORY_ITEMS-->

    You can add the following code within the listing loop to build an array of products IDs in JavaScript:

    <!--START: CATEGORY_ITEMS-->
    <!--START: ITEM_TEMPLATE_0-->
    <script>var prodlist = prodlist||[]; prodlist.push("[catalogid]"); </script>
    <!--END: ITEM_TEMPLATE_0-->
    <!--END: CATEGORY_ITEMS–>

    image05.png

    Click for Listing Tag
  3. Product/Quick-view Template >listing_0.html or quickview.html
    Click for Product Tag
  4. Cart/Quick-view Template >view_cart.html or view_cart_quick.html
    Similar to the listing tag, we need to build the product array within the cart item loop of the HTML, which is within the section of the following START and END comment:

    image06.png

    <!--START: SHOPPING_CART_ITEM-->
    <script> var cartData = cartData||[]; cartData.push({id: "[catalogid]", price: ("[ITEM_PRICE]").replace('$',''), quantity: [ITEM_QUANTITY] }); </script>
    <!--END: SHOPPING_CART_ITEM-->

    image07.png

    Click for Basket Tag
  5. Orderbevestigingstemplate > checkout-step4.html
  6. The product data is the same as listing and cart:
    <!--START: items-->
    <script> var orderData=orderData||[]; orderData.push({ id: "[catalogid]", price: ("[unitprice]").replace('$',''), quantity: "[numitems]" }); </script>
    <!--END: items-->

    image08.png
    You can retrieve the Order ID with the macro [invoicenum]
    You can retrieve the plain-text email address with the macro [oemail]
    Click for Conversion Tag

Hoe kan ik de tags testen?

 

Was dit artikel nuttig?
Aantal gebruikers dat dit nuttig vond: 0 van 0
Mogelijk gemaakt door Zendesk