HubSpot (Free et Growth)

1. Allez à 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'.

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

5. Personnalisez votre intégration HubSpot.

Vous pouvez envoyer les réponses aux enquêtes à 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. Allez sur HubSpot. Ouvrez la chronologie d'un contact et ajoutez le filtre d'intégration.

Comment puis-je partager des liens de Session Replay avec HubSpot ?

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

1. Dans HubSpot, allez à '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 = "AJOUTEZ_VOTRE_NOM_D'ÉVÉNEMENT_ICI";
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();
            }
        }
    },
]);
//Fin de l'intégration Hubspot CS

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 de contact une fois que vous avez activé les filtres Contentsquare :

FAQs

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 utilisateurs du site web, que HubSpot peut ensuite relier aux 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 à l'enquête ne soit soumise.

Comment puis-je supprimer l'intégration HubSpot ?

1. Dans HubSpot, allez dans '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. Allez sur votre page d'intégrations, et cliquez sur 'Déconnecter l'intégration HubSpot'.