Last updated 24 oct. 2023

DirectOnPage

Ajoutez directement le Rokt Web SDK sur votre page

Ajoutez le Rokt Web SDK dans la section <head> de votre page de paiement ou de commande. Vous pouvez trouver le guide complet pour ajouter le Rokt Web SDK à votre site ici.
Intégrez les éléments de données requis pour que Rokt charge l'emplacement et les publicités pertinentes. Incluez tous les attributs pertinents nécessaires pour personnaliser les offres et fournir des rapports et des analyses précis. Plus de détails ici.

<!-- Balise principale -->
<script type="module">
    const target = document.head || document.body;
    const script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://apps.rokt.com/wsdk/integrations/launcher.js";
    script.fetchpriority = "high";
    script.crossOrigin = "anonymous";
    script.async = true;
    script.id = "rokt-launcher";
    target.appendChild(script);
    await new Promise((resolve) =>
        window.Rokt
        ? resolve()
        : document
            .getElementById("rokt-launcher")
            .addEventListener("load", () => resolve())
    );

    const launcher = await window.Rokt.createLauncher({ 
        accountId:'rokt_account_id_here',
        sandbox: location.href.indexOf("staging_domain_here") > 0,
    });
    
    const cartItems = [
        {
            'itemPrice': '',
            'itemQuantity': '',
            'majorcat': '',
            'majorcatid': '',
            'minorcat': '',
            'minorcatid': '',
            'productname': '',
            'sku': '',
        },
        {
            'itemPrice': '',
            'itemQuantity': '',
            'majorcat': '',
            'majorcatid': '',
            'minorcat': '',
            'minorcatid': '',
            'productname': '',
            'sku': '',
        }
    ]; 

    const selection = await launcher.selectPlacements({
        identifier: "payment_page",
        attributes: {
        
        // Requis
        montant: '',
        paysSite: '',
        langueSite: '',
        devise: '',
        articlesPanier: JSON.stringify(articlesPanier),
        email: '',

        // Données de commande
        idClient: '',
        idPanier: '',
        sousTotal: '',
        totalTaxes: '',
        fraisLivraison: '',
        marge: '',
        typePaiement: '',
        ccbin: '',

        // Données client
        typeClient: '',
        aCompte: '',
        estDejaClient: '',
        derniereVisite: '',
        estFidelite: '',
        niveauFidelite: '',
        mobile: '',
        title: '',
        prenom: '',
        nom: '',
        age: '',
        genre: '',
        dateNaissance: '',
        adresseFacturation1: '',
        adresseFacturation2: '',
        villeFacturation: '',
        etatFacturation: '',
        codePostalFacturation: '',
        paysFacturation: '',
        adresseLivraison1: '',
        adresseLivraison2: '',
        villeLivraison: '',
        etatLivraison: '',
        codePostalLivraison: '',
        paysLivraison: '',

        },
    });

    //Écouteurs d'événements facultatifs
    selection.on('PLACEMENT_INTERACTIVE').subscribe(() => {
        selection.context.pageVariantName.then((val) => {
            console.log(val)
        });
    });
    selection.on('POSITIVE_ENGAGEMENT').subscribe(() => {
        selection.context.pageVariantName.then((val) => {
            console.log(val)
        });
    });
</script>

Plus d'informations sur l'ajout d'écouteurs d'événements pour l'intégration basée sur les événements peuvent être trouvées ici

Ajoutez directement le Rokt Web SDK sur votre page​

Ajoutez directement le Rokt Web SDK sur votre page