> For the complete documentation index, see [llms.txt](https://help.citrusad.com/retail-media-interface/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.citrusad.com/retail-media-interface/integration/sv/generating-ads/banner-x-responsive/companion-products-banner-x.md).

# Kompletterande produkter

{% hint style="info" %}
Beta-funktion

Denna funktion är för närvarande i beta och kan ändras. Vi välkomnar din feedback för att hjälpa oss att förbättra den.
{% endhint %}

Komponenten för kompletterande produkter gör det möjligt för varumärken att välja en sorterad lista över köpbara produkter tillsammans med bannern. Du kan rendera dessa i din banner, vilket gör det möjligt för dina kunder att handla direkt i bannern. Detta kan leda till ökad bannerinteraktion och högre CTR.

<figure><img src="/files/Zr70if2kU7B2Xdghfn3s" alt="" width="100%"><figcaption></figcaption></figure>

## Specifikationer

* Produkterna som är tillgängliga för avsnittet **Kompletterande produkter** är begränsade till de som valdes under det föregående skapandesteget **Produkter** i kampanjen.
* Det nödvändiga antalet **kompletterande produkter** kan anges för varje plats.
* **Kompletterande produkter** kan sorteras i önskad ordning när kampanjer skapas, vilket kommer att bibehållas i annonsresponsen.

## Integrera kompletterande produkter

Kompletterande produkter gör det möjligt för varumärken att välja en sorterad lista över köpbara produkter tillsammans med bannern.

### Innan du integrerar

* Uppdatera tolkningsmetoden för nya fält i banner X-responsen för att stödja de kompletterande produkterna.
* När du integrerar kompletterande produkter tillsammans med videoannonserna, välj eller integrera din valda videospelare på din webbplats eller i din mobilapp.
* Fält för att lägga till videoannonser och kompletterande produkter kommer endast att fyllas i för kampanjer där video och kompletterande produkter har konfigurerats. Aktiveringen sker först efter att integrationen är slutförd.
* Uppdatera din förhandsgranskare för att rendera de nya funktionerna för kompletterande produkter och video.

### Exempel på annonsrespons för kompletterande produkter

När kampanjer har kompletterande produkter konfigurerade kommer du att se att `companionProducts` objektet returneras.

```
{
  "ads": [
    {
      "contentStandardId": "c47c9ca2-ad3b-48cc-880b-e899c1661726",
      "slotId": "Top_Banner",
      "banners": [
        {
          "citrusAdId": "shotgun_8SvgA7OvvuwtZkkOKR0vr8AXMvQKFgoURmluZ2VybGltZTI2LWZkeHZxMjcSABoMCO30r70GEKPplJQCIgIIAQ==",
          "citrusCampaignName": "Ads:74-330-96832622ed499dafb3da8de8b76340a2",
          "citrusContentStandardId": "c47c9ca2-ad3b-48cc-880b-e899c1661726",
          "citrusSlotId": "Top_Banner",
          "citrusExpiry": "2025-02-12T01:33:33.579155107Z",
          "headingText": "recusandae 3205",
          "bannerText": "placeat 2825",
          "bannerTextColour": "ffffff",
          "ctaFlag": true,
          "ctaText": "CTA text",
          "ctaTextAccessibility": "call to action accessibility text",
          "ctaLink": http://citrusad.com,
          "backgroundColour": "000000",
          "backgroundImage": https://dev3.flavedo.io./citrus/8de07ed9-60b4-4611-8bd5-3f1f0c0b6be4,
          "secondaryBackgroundImage": https://dev3.flavedo.io./citrus/b7a70785-1366-42c6-8134-c7fe47a30c34,
          "secondaryBackgroundImagePosition": "rightaligned",
          "heroImage": https://dev3.flavedo.io./citrus/26798ca9-1022-422d-9100-1a3687c88372,
          "heroImageAltText": "hero image alt text",
          "secondaryHeroImage": https://dev3.flavedo.io./citrus/c4ee18b4-bf51-44d7-9eb6-eeb1dc4c422f,
          "secondaryHeroImageAltText": "secondary hero image alt text",
          "secondaryHeroMode": "landscape",
          "tags": {},
          "additionalFields": [
            {
              "id": "text-1",
              "value": "sed 5731"
            }
          ],
          "gtins": [
            "Fingerlime26-fdxvq27",
            "Oranges5-qgxeb6",
            "Cherries9-adkoj11",
            "Incaberries20-ppscn21",
            "Banana14-simfk15"
          ],
          "sellerId": "seller_id_772_659",
          "position": 1,
          "metadata": {
            "advertiserInfo": {
             "advertiser": "Bob's advertising agency",
             "onBehalfOf": "Brand company inc"
            }
          },
          "companionProducts": [
            "Banana14-simfk15"
            "Oranges5-qgxeb6",
            "Incaberries20-ppscn21",
          ]
        }
      ]
    }
  ]
}
```


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.citrusad.com/retail-media-interface/integration/sv/generating-ads/banner-x-responsive/companion-products-banner-x.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.