[Premium]{class="badge positive" title="Hier finden Sie Informationen zum Lieferumfang von Target Premium."}

Erstellen eines Designs

Letzte Aktualisierung: 29. September 2026

Themen:
Aktivitäten und Tests

Mit einem Entwurf wird festgelegt, wie Empfehlungen auf einer Seite dargestellt werden.

Sie können einen Recommendations-Entwurf erstellen, indem ein Standardentwurf oder ein benutzerdefinierter Entwurf verwendet wird. Der Recommendations > Designs zeigt sowohl standardmäßige Designkarten als auch alle Designs an, die in Ihrem Konto erstellt wurden.

Beachten Sie bei der Arbeit mit Designs die folgenden Informationen:

Sie können ein Recommendations-Design mit einem Standarddesign oder ein benutzerdefiniertes Design erstellen.
Standardentwürfe können nicht bearbeitet oder gelöscht werden.
Sie können ein benutzerdefiniertes Design bearbeiten, kopieren oder löschen.
Um einen Entwurf auf der Grundlage eines Standardentwurfs zu erstellen, müssen Sie zunächst den Entwurf kopieren und dann die Kopie bearbeiten.

Diese Abbildung zeigt das standardmäßige 1 x 4-Design:

1 x 4 Standarddesign

Diese Abbildung zeigt ein benutzerdefiniertes Design:

Benutzerdefinierter Entwurf

Sie können ein Design während des Aktivitätserstellungsprozesses aus dem Visual Experience Composer (VEC) oder aus der Design-Bibliothek außerhalb der Aktivitätserstellung erstellen. In den folgenden Abschnitten wird davon ausgegangen, dass Sie Entwürfe aus der Bibliothek erstellen, die Schritte sind jedoch ähnlich.

Erstellen von Designs

Sie können einen Entwurf basierend auf einem Standardentwurf erstellen oder einen benutzerdefinierten Entwurf erstellen.

Erstellen eines Designs basierend auf einem Standarddesign

Klicken Sie auf Recommendations > Designs, um die Designs-Bibliothek anzuzeigen.
Klicken Sie auf das Symbol Mehr Aktionen ) für das Design, das Sie erstellen möchten, und klicken Sie dann auf Kopieren.

Das Design erstellen wird angezeigt.
Geben Sie einen und optionales Vorschaubild ein, das auf der Designkarte angezeigt werden soll.

Wenn Sie ein Standarddesign verwenden, werden der Designname und „Kopieren“ im Feld Inhaltsname angezeigt. Sie können den Namen bearbeiten. Sie können auch ein Bild auswählen, das auf der Designkarte angezeigt werden soll.

(Bedingt) Bearbeiten Sie den Entwurf Code nach Bedarf.

Empfehlungsentwürfe verwenden die Open Source-Entwurfssprache Velocity. Informationen über Velocity finden Sie unter https://velocity.apache.org und unter Anpassen eines Designs mithilfe von Velocity.

Der Entwurf kann ein HTML- oder ein Nicht-HTML-Entwurf sein. Standardmäßig sind HTML-Designs mit einem <div>-Tag umschlossen, um Klick-Tracking in einer Web-Umgebung zu ermöglichen. Nicht-HTML-Entwürfe eignen sich für Nicht-Webumgebungen, in denen ein Klick-Tracking nicht möglich ist. Schieben Sie den Umschalter HTML Design in die Position „off“, um Nicht-HTML-Code zu verwenden.

note
NOTE
Die maximale Anzahl von Entitäten, die in einem Entwurf referenziert werden können, egal ob hartcodiert oder in Schleife, beträgt 99.

Klicken Sie Erstellen.

Erstellen eines benutzerdefinierten Entwurfs

Klicken Sie auf Recommendations > Designs, um die Designs-Bibliothek anzuzeigen.
Klicken Sie Design erstellen.

Wenn Sie Ihr neues benutzerdefiniertes Design auf einem vorhandenen Design basieren möchten, klicken Sie auf das Symbol Mehr Aktionen ( ) für das Design, das Sie erstellen möchten, und klicken Sie dann auf Kopieren. Anschließend können Sie die Kopie bearbeiten, um ein neues benutzerdefiniertes Design zu erstellen.
Fügen Sie Name und ein optionales Vorschaubild hinzu.
(Bedingt) Bearbeiten Sie den Entwurf Code nach Bedarf.

Weitere Informationen finden Sie in den Informationen in Schritt 4 oben.
Klicken Sie Erstellen.

Bearbeiten, Kopieren oder Löschen eines Designs

Beachten Sie, dass Sie ein Standarddesign nicht bearbeiten oder kopieren können; Sie können nur Standarddesigns kopieren.

Klicken Sie auf das Symbol Mehr Aktionen ( ) für das Design, das Sie bearbeiten oder löschen möchten, und klicken Sie dann auf das entsprechende Symbol: Bearbeiten, Kopieren oder Löschen.

Sie können einen vorhandenen Entwurf kopieren, um einen doppelten Entwurf zu erstellen, den Sie dann ändern können. Auf diese Weise können Sie mit weniger Aufwand ein ähnliches Design erstellen.

Beachten Sie, dass Designs für das gesamte Konto verfügbar sind. Stellen Sie sicher, dass Sie die Nutzung in allen Konten berücksichtigen, bevor Sie einen Entwurf löschen. Gelöschte Designs können nicht wiederhergestellt werden.

JSON-Beispiel section_75BFB2537CFF4FBD9B560F59EB32C8DD

Das folgende Beispiel zeigt, wie JSON-Antworten bei der Konfiguration einer Aktivität über den formularbasierten Editor“ zurückgegeben können.

Erstellen Sie einen Entwurf aus der Design-) oder dem formularbasierten Workflow. Wenn Sie versuchen, einen Entwurf im Workflow von Visual Experience Composer (VEC) zu erstellen, können Sie nur einen HTML-Entwurf erstellen, der zu Klick-Tracking-Zwecken in einen <div> eingeschlossen ist.
Achten Sie darauf, dass die Option „HTML-Design“ ausgeschaltet ist:

Der folgende Code ist ein Beispiel dafür, was Sie in Ihr Design einfügen können:

code language-javascript

    #*
    * "Return a simple list of recommended entity ids"
    *#

    {
      "notes":{
      "purpose": "Return a simple list of recommended entity ids",
      "use-case": "Use this approach if you prefer to do a real-time lookup of entity attribute details (such as inventory, price, rating) from another system (such as a CMS, PIM or ecommerce platform)",
      "version": "01"
      },
      "recommendedItems": {
        "key": "$key.id",
        "slot-01": "$entity1.id",
        "slot-02": "$entity2.id",
        "slot-03": "$entity3.id",
        "slot-04": "$entity4.id",
        "slot-05": "$entity5.id",
        "slot-06": "$entity6.id",
        "slot-07": "$entity7.id",
        "slot-08": "$entity8.id",
        "slot-09": "$entity9.id",
        "slot-10": "$entity10.id"
      }
    }

Richten Sie eine formularbasierte Recommendations-Aktivität ein, die dieses Design verwendet.
1. Navigieren Sie zur Seite Aktivitäten.
2. Klicken Sie Aktivität erstellen > Recommendations.
3. Wählen unter „Experience Composer auswählen die Option Formular und klicken Sie dann auf Weiter.
4. Geben Sie unter Speicherort den Text „Sample_Recs_Response“ ein.
5. Klicken Sie unter Standard-Content auf den Pfeil nach unten und dann auf Empfehlung hinzufügen.
6. Wählen Sie einen Seitentyp aus. Das legt fest, welches Bild Sie als nächstes sehen.
7. Wählen Sie eine Kriterienkarte aus und klicken Sie dann auf Nächste.
8. Wählen Sie das Design aus, das Sie im vorherigen Schritt erstellt haben, und klicken Sie dann auf Weiter.
9. Schließen Sie den Setup-Vorgang ab.
10. Klicken Sie auf den Rechtspfeil neben Inaktiv und wählen Sie dann Aktivieren aus.

Nachdem Ihre Aktivität eingerichtet und aktiviert wurde, können Sie eine Musteranforderung einrichten, um die korrekte JSON-Antwort zurückzubekommen.

Nach dem Speichern der Aktivität muss Target ein Modell erstellen, das die ausgewählte Kriterienkonfiguration unterstützt. Je nach einer Reihe von Faktoren kann dieser Vorgang einige Zeit in Anspruch nehmen. Die Ergebnisse werden angezeigt, sobald das Modell aufgebaut wurde.

Beispiel:

code language-none

https://[YOUR_CLIENT_CODE].tt.omtrdc.net/m2/YOUR_CLIENT_CODE/ubox/raw?mbox=[YOUR_MBOX_NAME]&mboxContentType=text/html&mboxXDomain=disabled&entity.id=[ENTITY_ID]&mboxHost=rawbox_sample&at_property=[AT_PROPERTY_TOKEN]&mboxNoRedirect=true&mboxPC=1234-4321&mboxSession=9876-7000

table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
Parameter	Wert
`[YOUR_CLIENT_CODE]`	Target-Clientcode (verfügbar unter /help/target/products.html#recsSettings > Recommendations-API-Token > Clientcode).
`[YOUR_MBOX_NAME]`	Der Name, den Sie im Abschnitt „Speicherorte“ der formularbasierten Recommendations ausgewählt haben, in diesem Fall Sample_Recs_Response.
`[ENTITY_ID`	Die `entity.id` eines Artikels in Ihrem Katalog
`[AT_PROPERTY_TOKEN]`	(Optional) Fügen Sie dies hinzu, wenn Sie bei der Einrichtung Ihrer Aktivität eine Eigenschaft (Teil der Unternehmensberechtigungen) ausgewählt haben.

Nachdem Ihr Algorithmus ausgeführt wurde und Sie Ergebnisse erhalten haben, sollte Ihre Antwort ungefähr so aussehen:

jsonrecommendation image {width="575px"}

Zusätzliche Tipps und Tricks zu JSON-Objekten section_C305673C68944749969DB239E3221DC2

Sie können auch eine einfache kommagetrennte Liste von Elementen zurücksenden, indem Sie einen Entwurf mit der folgenden Syntax einrichten:

entity1.id, $entity2.id, $entity3.id, $entity4.id, $entity5.id,

Außerdem können Sie mit der Antwort zusätzliche Informationen senden. Die folgende Codedatei ist ein komplexeres Beispiel, das viel mehr zurücksendet als die Entity-IDs mit den zugehörigen Slots (Bestellung). Dieses Design-Beispiel gibt auch Aktivitätsdetails, Zielprofil Details (falls zutreffend) und andere entity.attributes zurück, die mit den zurückgegebenen Elementen verknüpft sind.

    {
     "adobeRecommendations": {
      "notes": {
       "purpose": "Return a list of entity ids with their associated entity.attributes",
       "use-case": "Use this approach to avoid looking up attribute details after receiving a response from Target",
       "version": "01"
      },
      "recommendedItems": {
       "slot-01": "$entity1.id",
       "slot-02": "$entity2.id",
       "slot-03": "$entity3.id",
       "slot-04": "$entity4.id",
       "slot-05": "$entity5.id",
       "slot-06": "$entity6.id",
       "slot-07": "$entity7.id",
       "slot-08": "$entity8.id",
       "slot-09": "$entity9.id",
       "slot-10": "$entity10.id"
      },
      "activityDetails": {
       "mbox.name": "email-mbox",
       "campaign.name": "\${campaign.name}",
       "campaign.id": "\${campaign.id}",
       "campaign.recipe.name": "\${campaign.recipe.name}",
       "campaign.recipe.id": "\${campaign.recipe.id}",
       "offer.name": "\${offer.name}",
       "offer.id": "\${offer.id}",
       "criteria.title": "$criteria.title",
       "algorithm.name": "$algorithm.name",
       "algorithm.dayCount": "$algorithm.dayCount"
      },
      "visitorProfile": {
       "profile.favorite-category": "\${profile.favorite-category}",
       "profile.test": "\${profile.test}",
       "user.endpoint.lastPurchasedEntity": "\${user.endpoint.lastPurchasedEntity}",
       "user.endpoint.lastViewedEntity": "\${user.endpoint.lastViewedEntity}",
       "user.endpoint.mostViewedEntity": "\${user.endpoint.mostViewedEntity}",
       "user.endpoint.categoryAffinity": "\${user.endpoint.categoryAffinity}",
       "profile.geolocation.city": "\${profile.geolocation.city}",
       "profile.geolocation.dma": "\${profile.geolocation.dma}",
       "profile.geolocation.state": "\${profile.geolocation.state}",
       "profile.geolocation.country": "\${profile.geolocation.country}",
       "profile.sessionCount": "\${profile.sessionCount}",
       "profile.averageDaysBetweenVisits": "\${profile.averageDaysBetweenVisits}",
       "profile.browserTime": "\${profile.browserTime}",
       "user.activeActivities": "\${user.activeActivities}",
       "user.pcId": "\${user.pcId}",
       "user.isFirstSession": "\${user.isFirstSession}",
       "user.isNewSession": "\${user.isNewSession}",
       "user.header": "\${user.header}",
       "user.parameter": "\${user.parameter}"
      },
      "recKey": {
       "recKeyDetails": {
        "id": "$key.id",
        "name": "$key.name",
        "category": "$key.category",
        "pageUrl": "$key.pageUrl",
        "thumbnailUrl": "$key.thumbnailUrl"
       }
      },
      "recDetailedResults": {
       "recEntity1Details": {
        "id": "$entity1.id",
        "name": "$entity1.name",
        "category": "$entity1.category",
        "pageUrl": "$entity1.pageUrl",
        "thumbnailUrl": "$entity1.thumbnailUrl"
       },
       "recEntity2Details": {
        "id": "$entity2.id",
        "name": "$entity2.name",
        "category": "$entity2.category",
        "pageUrl": "$entity2.pageUrl",
        "thumbnailUrl": "$entity2.thumbnailUrl"
       },
       "recEntity3Details": {
        "id": "$entity3.id",
        "name": "$entity3.name",
        "category": "$entity3.category",
        "pageUrl": "$entity3.pageUrl",
        "thumbnailUrl": "$entity3.thumbnailUrl"
       },
       "recEntity4Details": {
        "id": "$entity4.id",
        "name": "$entity4.name",
        "category": "$entity4.category",
        "pageUrl": "$entity4.pageUrl",
        "thumbnailUrl": "$entity4.thumbnailUrl"
       },
       "recEntity5Details": {
        "id": "$entity5.id",
        "name": "$entity5.name",
        "category": "$entity5.category",
        "pageUrl": "$entity5.pageUrl",
        "thumbnailUrl": "$entity5.thumbnailUrl"
       },
       "recEntity6Details": {
        "id": "$entity6.id",
        "name": "$entity6.name",
        "category": "$entity6.category",
        "pageUrl": "$entity6.pageUrl",
        "thumbnailUrl": "$entity6.thumbnailUrl"
       },
       "recEntity7Details": {
        "id": "$entity7.id",
        "name": "$entity7.name",
        "category": "$entity7.category",
        "pageUrl": "$entity7.pageUrl",
        "thumbnailUrl": "$entity7.thumbnailUrl"
       },
       "recEntity8Details": {
        "id": "$entity8.id",
        "name": "$entity8.name",
        "category": "$entity8.category",
        "pageUrl": "$entity8.pageUrl",
        "thumbnailUrl": "$entity8.thumbnailUrl"
       },
       "recEntity9Details": {
        "id": "$entity9.id",
        "name": "$entity9.name",
        "category": "$entity9.category",
        "pageUrl": "$entity9.pageUrl",
        "thumbnailUrl": "$entity9.thumbnailUrl"
       },
       "recEntity10Details": {
        "id": "$entity10.id",
        "name": "$entity10.name",
        "category": "$entity10.category",
        "pageUrl": "$entity10.pageUrl",
        "thumbnailUrl": "$entity10.thumbnailUrl"
       }
      }
     }
    }

Schulungsvideo: Erstellen benutzerdefinierter Designs in Recommendations (3:20)

Dieses Video enthält die folgenden Informationen:

Erstellen eines benutzerdefinierten Entwurfs
Verstehen, wie Sie in Ihren Designs auf Anzeigevariablen verweisen

https://video.tv.adobe.com/v/35310?captions=ger&learn=on

recommendation-more-help

target-help-main