autoCollectPropositionInteractions

Egenskapen autoCollectPropositionInteractions är en valfri inställning som avgör om Web SDK automatiskt samlar in offertinteraktioner. Värdet är en karta över beslutsfattare, där vart och ett har ett värde som anger hur automatiska offertinteraktioner ska hanteras.

När du aktiverar automatisk spårning av offertinteraktion, samlas alla klick i ett förslagselement som renderas till DOM automatiskt in av Web SDK. Den här samlingen innehåller alla upplevelser som automatiskt återges för DOM av Web SDK och upplevelser som återges för DOM med kommandot applyPropositions.

Om du utelämnar den här egenskapen när du konfigurerar Web SDK blir standardvärdet {"AJO": "always", "TGT": "never"}. Om du inte vill spåra offertinteraktioner automatiskt anger du värdet till {"AJO": "never", "TGT": "never"}.

alloy("configure", {
  "edgeConfigId": "ebebf826-a01f-4458-8cec-ef61de241c93",
  "orgId": "ADB3LETTERSANDNUMBERS@AdobeOrg",
  "autoCollectPropositionInteractions": {
    "AJO": "always",
    "TGT": "never"
  }
});

Egenskaper som stöds i det här objektet är:

Möjliga värden för varje egenskap är:

Dataattribut data-attributes

Du kan använda dataattribut på element för att lägga till specificitet i en interaktion.

Exempel

<div class="row movies" data-aep-interact-id="5">
  <div class="col-md-4 movie" data-aep-click-token="wlpk/z/qyDGoFGF1E47O0w">
    <img src="/img/alpha.jpg" class="poster" />
    <h2>Example Movie Alpha</h2>
    <p class="description"> A lighthearted story about exploration and friendship set on a distant world. Follow a curious rover who discovers that small actions can lead to big changes.</p>
    <p>
      <button class="btn btn-default" data-aep-click-label="view-movie-Example-Alpha">View details</button>
    </p>
  </div>
  <div class="col-md-4 movie" data-aep-click-token="6ZUrou9BVKIsINIAqxylzw">
    <img src="/img/bravo.jpg" class="poster" />
    <h2>Example Movie Bravo</h2>
    <p class="description">An uplifting tale of a determined chef who overcomes unlikely odds to create culinary masterpieces in a bustling city bistro.</p>
    <p>
      <button class="btn btn-default" data-aep-click-label="view-movie-Example-Bravo">View details</button>
    </p>
  </div>
  <div class="col-md-4 movie" data-aep-click-token="QuuXntMRGnCP/AsZHf4pnQ">
    <img src="/img/charlie.jpg" class="poster" />
    <h2>Example Movie Charlie</h2>
    <p class="description">A vibrant adventure following a young musician who journeys into a fantastical realm to find the true meaning of family and tradition.</p>
    <p>
      <button class="btn btn-default" data-aep-click-label="view-movie-Example-Charlie">View details</button>
    </p>
  </div>
</div>

Använda autoCollectPropositionInteractions med kommandot applyPropositions apply-propositions

Kommandot applyPropositions är ett praktiskt sätt att återge utkast till DOM. När det gäller kodbaserade kampanjer med JSON kan du emellertid använda det här kommandot för att korrelera ett befintligt DOM-element (eller det som programkoden återges på skärmen baserat på JSON-värdena) med ett förslag.

Den här korrelationen aktiverar automatisk interaktionsspårning för det elementet och tilldelar det elementet rätt förslag. För att uppnå detta anger du actionType till track.

alloy("sendEvent", {
    renderDecisions: true,
}).then((result) => {
    const {
        propositions = []
    } = result;
    const proposition = propositions.find(
        (proposition) => proposition.scope === "web://example.com/#weather-widget"
    );

    if (proposition) {
        renderWeatherWidget(proposition); // custom code that renders the weather widget based on the code-based campaign JSON

        alloy("applyPropositions", {
            propositions: [proposition],
            metadata: {
                "web://example.com/#weather-widget": {
                    selector: "#weather-widget",
                    actionType: "track",
                },
            },
        });
    }
});

Konfigurera automatisk offertinteraktion för SDK-taggtillägg för webben

Följande två listrutor när du konfigurerar taggtillägget Web SDK är taggrekvivalenten för det här objektet: