Seguimiento automático de la interacción de propuestas
Cuando habilita el seguimiento automático de interacción de propuestas, el Web SDK recopila automáticamente cualquier clic dentro de un elemento de propuesta procesado en el DOM. Esto incluye cualquier experiencia procesada automáticamente en el DOM por Web SDK y las experiencias procesadas en el DOM mediante el comando applyPropositions
.
Atributos de datos
Puede utilizar atributos de datos en elementos para añadir especificidad a una interacción.
Nombre | Atributo de datos | Descripción |
---|---|---|
Label | data-aep-click-label | Cuando el atributo de datos de etiqueta está presente en un elemento donde se hizo clic, se incluye con los detalles de interacción enviados a Edge Network. Web SDK busca un atributo de datos de etiqueta que comience por el elemento donde se hizo clic y que suba por el árbol DOM. Web SDK utiliza la primera etiqueta que encuentra. |
Token | data-aep-click-token | Use este token al aprovechar las directivas de decisión en campañas basadas en código de Adobe Journey Optimizer. Puede utilizar el token para distinguir en qué elemento de directiva de decisión se hizo clic. Cuando el atributo de datos de token está presente en un elemento en el que se hizo clic, se incluye con los detalles de interacción enviados al Edge Network. Web SDK busca un atributo de datos de token que comience por el elemento donde se hizo clic y que suba por el árbol DOM. Web SDK utiliza el primer token que encuentra. |
Interact ID | data-aep-interact-id | Web SDK agrega automáticamente este ID único a los elementos contenedores al procesar propuestas. Web SDK utiliza este identificador para correlacionar DOM elementos con propuestas. Como se trata de un ID requerido por Web SDK, no debe modificarlo en modo alguno. Puede ignorarlo con seguridad. |
Ejemplo
Consulte el siguiente fragmento de código para ver un ejemplo de uso de atributos de datos.
<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/walle.jpg" class="poster" />
<h2>WALL·E</h2>
<p class="description"> In a distant, but not so unrealistic, future where mankind has abandoned earth because it has become covered with trash from products sold by the powerful multi-national Buy N Large corporation, WALL-E, a garbage collecting robot has been left to clean up the mess. </p>
<p>
<button class="btn btn-default" data-aep-click-label="view-movie-WALL·E"> View details >> </button>
</p>
</div>
<div class="col-md-4 movie" data-aep-click-token="6ZUrou9BVKIsINIAqxylzw">
<img src="/img/ratatouille.jpg" class="poster" />
<h2>Ratatouille</h2>
<p class="description"> A rat named Remy dreams of becoming a great French chef despite his family's wishes and the obvious problem of being a rat in a decidedly rodent-phobic profession. When fate places Remy in the sewers of Paris, he finds himself ideally situated beneath a restaurant made famous by his culinary hero, Auguste Gusteau. </p>
<p>
<button class="btn btn-default" data-aep-click-label="view-movie-Ratatouille"> View details >> </button>
</p>
</div>
<div class="col-md-4 movie" data-aep-click-token="QuuXntMRGnCP/AsZHf4pnQ">
<img src="/img/coco.jpg" class="poster" />
<h2>Coco</h2>
<p class="description"> Despite his family's baffling generations-old ban on music, Miguel dreams of becoming an accomplished musician like his idol, Ernesto de la Cruz. Desperate to prove his talent, Miguel finds himself in the stunning and colorful Land of the Dead following a mysterious chain of events. </p>
<p>
<button class="btn btn-default" data-aep-click-label="view-movie-Coco"> View details >> </button>
</p>
</div>
</div>