Hubspot (Free ET Growth)

1. Accéder à la page des Intégrations.

2. Choisissez l'intégration HubSpot et cliquez sur 'Connecter avec HubSpot'.

3. Connectez-vous à HubSpot et cliquez sur 'Choisir un compte' sur votre compte Hotjar.

4. Cliquez sur 'Accorder l'accès'.

5. Personnalisez votre intégration HubSpot.

Vous pouvez envoyer des réponses de sondage à HubSpot. Personnalisez votre configuration en activant ou désactivant cette option dans l'onglet Intégrations.

6. Activez les filtres sur votre chronologie HubSpot.

7. Accéder à HubSpot. Ouvrez la chronologie d'un contact et ajoutez le filtre d'intégration.

Comment partager des liens de replay de session avec Hubspot ?

Pour envoyer vos liens de replay de session à Hubspot, vous devrez ajouter un code personnalisé à votre compte Hubspot en suivant les étapes ci-dessous.

1. Dans Hubspot, accédez à 'Gestion des données' > 'Événements personnalisés':

2. Cliquez sur 'Créer un événement'.

3. Sélectionnez 'Code JavaScript'.

4. Ajoutez les détails de votre événement (vous pouvez entrer 'Contentsquare Replay' comme nom de l'événement).

5. Sélectionnez 'Propriété de chaîne personnalisée'.

6. Ajoutez un nom de propriété et un nom interne exactement comme écrit ci-dessous : (cela est pour s'assurer que cela fonctionnera correctement).

Nom de la propriété : Lien de replay

Nom interne : replay_link

7. Cliquez sur 'Suivant'.

8. Dans le snippet par défaut fourni par Hubspot, copiez le nom de l'événement (pe261XXXXX_contentsquare_replay) comme vu dans l'exemple de capture d'écran ci-dessous et collez-le dans le snippet de code CSQ ci-dessous à la place de la valeur "ADD_YOUR_EVENT_NAME_HERE". Ensuite, remplacez simplement l'ensemble du snippet de code par défaut de Hubspot par le snippet CSQ incluant votre nom d'événement.

Snippet de code CSQ : 

/*
 *Nom: Intégration Hubspot CS
 *Version: 1.0.0
 */
const eventName = "ADD_YOUR_EVENT_NAME_HERE";
let replayLinkSent = false;

window._uxa = window._uxa || [];
window._uxa.push(["onRecordingStateChange", onRecordingStateChange]);

function generateReplayLink() {
    window._uxa.push(["replay:link:generate", { withTimestamp: false }, onReplayLinkGenerated]);
}

function onRecordingStateChange(context) {
    if (context && context.isRecording) {
        generateReplayLink();
    }
}

function localStorageTasks(type) {
    if (type) {
        try {
            switch (type) {
                case "get":
                    return localStorage.getItem("cs_replay_sent");
                case "set":
                    localStorage.setItem("cs_replay_sent", "true");
                    break;
                case "remove":
                    localStorage.removeItem("cs_replay_sent");
                    break;
                default:
                    return false;
            }
        } catch (error) {
            return false;
        }
    }
}

function onReplayLinkGenerated(context) {
    try {
        if (context && context.replayLink && context.isRecording && !replayLinkSent) {
            replayLinkSent = true;
            if (!localStorageTasks("get")) {
                localStorageTasks("set");

                const replayLink = "https://" + context.replayLink + "&vd=hs";

                _hsq.push([
                    "trackCustomBehavioralEvent",
                    {
                        name: eventName,
                        properties: {
                            contentsquare_replay_link: replayLink,
                        },
                    },
                ]);
            }
        }
    } catch (error) {
        return false;
    }
}

let afterPageViewCallbackRan = false;

window._uxa.push([
    "afterPageView",
    function (context) {
        if (!afterPageViewCallbackRan) {
            afterPageViewCallbackRan = true;

            if (context && context.pageNumber === 1 && localStorageTasks("get")) {
                localStorageTasks("remove");
                generateReplayLink();
            }
        }
    },
]);
//Intégration Hubspot CS Fin

Après avoir complété cette étape, cela devrait ressembler à ceci :

8. Cliquez sur 'Terminé' et vous êtes prêt.

À quoi ressemble un événement de replay dans une chronologie du contact une fois que vous avez activé les filtres Contentsquare :

FAQ

Pourquoi ne vois-je aucune donnée dans Hubspot ?

L'intégration HubSpot fonctionne en détectant le cookie hubspotutk et en lisant sa valeur, dont vous pouvez en savoir plus sur la base de connaissances de HubSpot.

Le HubSpot UTK est défini par le code de suivi HubSpot, et c'est un identifiant unique pour les visiteurs du site web, que HubSpot peut ensuite connecter avec des contacts existants.

Assurez-vous que le code de suivi HubSpot est déclenché immédiatement au chargement de la page. Cela garantit qu'un HubSpot UTK est présent avant que la réponse au sondage ne soit soumise.

Comment puis-je retirer l'intégration Hubspot ?

1. Dans HubSpot, accédez à 'Marketplace' > 'Applications connectées'.

2. Cliquez sur 'Actions' sur l'intégration Contentsquare et cliquez sur 'Désinstaller'.

3. Dans la boîte de dialogue, tapez désinstaller dans le champ de texte et cliquez sur 'Désinstaller'.

4. Accéder à votre page d'intégations, et cliquer sur 'Déconnecter l'intégration HubSpot'.