Pleasepoint SDK JS: Personalitza one-to-one i en temps real la interacció a l'eCommerce (Part 3).

En aquest article t'ensenyarem a utilitzar el SDK de Pleasepoint per a la recomanació one-to-one fent servir javascript. D'aquesta manera podràs utilitzar les funcions del SDK en qualsevol moment d'interacció de l'usuari.

Aquests són els continguts de l'article:

1. SDK JS: Millora l'experiència dels teus clients.
2. Afegir el SDK de Pleasepoint als scripts JS que carrega la pàgina.
3. Recomanació one-to-one de productes.
4. Recomanació de productes basada en un altre producte (item-item).
5. Recomanació basada en ranking de productes (ranking one-to-one).
6. Recomanació basada en bestsellers.
7. Registrar esdeveniments d'interacció.
8. Per què has de personalitzar one-to-one el teu eCommerce amb el SDK HTML?

Aquest article és el tercer d'una sèrie de quatre articles sobre com fer servir el SDK de Pleasepoint. Aquí tractarem l'ús del SDK en javascript. Et compartim els enllaços als altres tres articles:

• El SDK de Pleasepoint: Personalitza one-to-one i en temps real la interacció a l'eCommerce.
• SDK HTML: Implementa la recomanació one-to-one amb etiquetes HTML.
• API: Implementa la recomanació one-to-one accedint directament per API.

SDK JS: Hiperpersonalitza en temps real l'experiència d'usuari.

Per maximitzar les vendes i la satisfacció del client al teu eCommerce, no pots dependre únicament d'una estratègia de "talla única per a tothom". Cada client és únic, i tractar-los de manera personalitzada marcarà la diferència.

Amb el SDK JS de Pleasepoint, passes a gestionar l'ús de les recomanacions i el registre d'esdeveniments al teu codi JS. Recomanem l'ús de la versió JS quan disposem de tota la informació al frontend per mostrar les recomanacions i registrar els esdeveniments d'interacció. Esdeveniments com el d'afegir a la cistella és possible que sempre els facis des de JS.

Si no coneixes el SDK de Pleasepoint et recomanem llegir aquest primer article introductori.

A continuació et mostrem el codi JS per mostrar les recomanacions i registrar els esdeveniments.

1. Afegir el SDK de Pleasepoint als scripts JS que carrega la pàgina.

Aquest és el script que has d'afegir abans del tancament del body al teu eCommerce. Cal que aquest script s'incrusti a totes les pàgines.

<script type="module" src="https://platform.pleasepoint.com/pleasepoint-widgets/index.js"></script>

2. Mostrar la recomanació one-to-one.

Et compartim els enllaços sobre com utilitzar la recomanació one-to-one:

1. Ús dels paràmetres per defecte del widget de recomanació one-to-one de productes.
2. Ús dels paràmetres específics del widget de recomanació one-to-one de productes.

Aquest és el codi JS per mostrar la recomanació de productes one-to-one.

const widget = pleasepointWidget.create('recommendation', {
    accountId: 'my_account_id',
    numRecommendations: 4,
    cols: 2,
    showSlider: true, // optional, default false
    engine: '', // remove to use best-sellers engine only
    bestSellersEngine: '',
    businessRule: '',
    businessRuleParams: {"param1": ["value1", "value2"]}, // optional
    userReferenceId: '', /* OR */ email: '',
    sessionId: '',
    eventSourcePage: '',
    eventSourceBlock: '' // optional
});

// insert widget into page
document.body.appendChild(widget);

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

3. Mostrar la recomanació de productes basada en un altre producte (item-item).

Et compartim els enllaços sobre com utilitzar la recomanació de productes item-item:

1. Ús dels paràmetres per defecte del widget de recomanació item-item de productes.
2. Ús dels paràmetres específics del widget de recomanació item-item de productes.

Aquest és el codi JS per mostrar la recomanació item-item.

const widget = pleasepointWidget.create('recommendation', {
    accountId: 'my_account_id',
    numRecommendations: 4,
    cols: 2,
    showSlider: true, // optional, default false
    itemItemEngine: '',
    businessRule: '',
    businessRuleParams: {"param1": ["value1", "value2"]}, // optional
    products: ['product_reference_id1', 'product_reference_id2', ...],
    userReferenceId: '', /* OR */ email: '', // both optional
    sessionId: '',
    eventSourcePage: '',
    eventSourceBlock: '' // optional
});

// insert widget into page
document.body.appendChild(widget);

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació del producte, de l'usuari i de la sessió.

4. Mostrar el ranking one-to-one.

Et compartim els enllaços sobre com utilitzar la recomanació basada en el ranking one-to-one de productes:

1. Ús dels paràmetres per defecte del widget de recomanació basada en ranking one-to-one de productes.
2. Ús dels paràmetres específics del widget de recomanació basada en ranking one-to-one de productes.

Aquest és el codi JS per mostrar la recomanació basada en ranking one-to-one.

const widget = pleasepointWidget.create('recommendation', {
    accountId: 'my_account_id',
    numRecommendations: 4,
    cols: 2,
    showSlider: true, // optional, default false
    rankingEngine: '',
    businessRule: '',
    businessRuleParams: {"param1": ["value1", "value2"]}, // optional
    userReferenceId: '', /* OR */ email: '',
    sessionId: '',
    productList: 'prod1,prod2',
    eventSourcePage: '',
    eventSourceBlock: '' // optional
});

// insert widget into page
document.body.appendChild(widget);

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

5. Mostrar la recomanació de bestsellers.

Et compartim els enllaços sobre com utilitzar la recomanació basada en productes bestsellers:

1. Ús dels paràmetres per defecte del widget de recomanació basada en productes bestsellers.
2. Ús dels paràmetres específics del widget de recomanació basada en productes bestsellers.

Aquest és el codi JS per mostrar la recomanació basada en bestsellers.

const widget = pleasepointWidget.create('recommendation', {
    accountId: 'my_account_id',
    numRecommendations: 4,
    cols: 2,
    showSlider: true, // optional, default false
    bestSellersEngine: '',
    businessRule: '',
    businessRuleParams: {"param1": ["value1", "value2"]}, // optional
    userReferenceId: '', /* OR */ email: '',
    sessionId: '',
    eventSourcePage: '',
    eventSourceBlock: '' // optional
});

// insert widget into page
document.body.appendChild(widget);

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

6. Registrar esdeveniments d'interacció.

Aquest és l'enllaç per veure la descripció dels paràmetres per al registre d'esdeveniments d'interacció.

Aquest és el codi HTML que has d'incrustar per registrar els esdeveniments d'interacció.

pleasepointWidget.registerEvent({
    accountId: 'my_account_id',
    apiId: 'my_tracking_id',
    products: ['product_reference_id1', 'product_reference_id2', ...],
    userReferenceId: '', /* OR */ email: '',
    sessionId: '',
    eventType: 'impression' | 'click' | 'add_to_cart' | 'purchase',
    source: '',
    recommendationId: 'recommendation_id' | null,
});

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la identificació de l'usuari, la sessió, els productes amb què està interaccionant i el tipus d'esdeveniment.

Per què has de personalitzar one-to-one el teu eCommerce amb el SDK JS?

Descobreix com la personalització one-to-one millorarà la taxa de conversió del teu eCommerce utilitzant el SDK de Pleasepoint.

El SDK en JS de Pleasepoint és molt pràctic quan tens la lògica al costat del client. Per utilitzar el SDK en JS has de tenir accés a la informació següent:

• Id d'usuari o email i id de la sessió.
• Ids dels productes que visualitza o amb què interacciona l'usuari.

El registre d'esdeveniments d'Afegir a la cistella és un dels usos clàssics d'aquest SDK.

Descarrega el nostre eBook Introducció al marketing one-to-one i aprèn a executar una estratègia hiperpersonalitzada basada en el cicle de vida i les preferències de cadascun dels teus clients. Mai no havia estat tan fàcil començar a hiperpersonalitzar i incrementar el rendiment de les teves accions de marketing.