HubSpot (FreeとGrowth)

1. インテグレーションページに移動します。

2. HubSpotインテグレーションを選択し、「HubSpotと接続」をクリックします。

3. HubSpotにログインし、「アカウントを選択」をクリックします。

4. 「アクセスを許可」をクリックします。

5. HubSpotインテグレーションをカスタマイズします。

調査の回答をHubSpotに送信できます。インテグレーションタブでこのオプションを有効または無効にして設定をカスタマイズしてください。

6. HubSpotのタイムラインでフィルターを有効にします。

7. HubSpotに移動します。連絡先のタイムラインを開き、インテグレーションフィルターを追加します。

HubSpotとSessionリプレイリンクを共有するにはどうすればよいですか？

Session ReplayリンクをHubSpotに送信するには、以下の手順に従ってHubSpotアカウントにカスタムコードを追加する必要があります。

1. HubSpotで「データ管理」>「カスタムイベント」に移動します：

2. 「イベントを作成」をクリックします。

3. 「JavaScriptコード」を選択します。

4. イベントの詳細を追加します（イベント名として「Contentsquare Replay」と入力できます）。

5. 「カスタム文字列プロパティ」を選択します。

6. プロパティ名と内部名を正確に以下のように追加します：（これにより正しく機能することが保証されます）。

プロパティ名：Replay Link

内部名：replay_link

7. 「次へ」をクリックします。

8. HubSpotが提供するデフォルトのスニペットでイベント名（pe261XXXXX_contentsquare_replay）をコピーし、以下のCSQコードスニペットの「ADD_YOUR_EVENT_NAME_HERE」値の代わりに貼り付けます。次に、イベント名を含むCSQスニペットでデフォルトのHubSpotコードスニペット全体を置き換えます。

CSQコードスニペット：

/*
 *名前: Hubspot CS インテグレーション
 *バージョン: 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();
            }
        }
    },
]);
//Hubspot CS インテグレーション終了

このステップを完了すると、次のようになります:

8. '完了'をクリックすると、すべての設定が完了します。

Contentsquare フィルターを有効にした後のコンタクトタイムラインでのリプレイイベントの見え方:

よくある質問

なぜ HubSpot にデータが表示されないのですか？

HubSpot インテグレーションは、hubspotutk クッキーを検出し、その値を読み取ることで機能します。詳細については、HubSpot のナレッジベースをご覧ください。

HubSpot UTK は HubSpot トラッキングコードによって設定され、ウェブサイト訪問者のユニークな識別子であり、HubSpot はこれを既存のコンタクトと接続できます。

HubSpot トラッキングコードがページ読み込み時にすぐに発火することを確認してください。これにより、調査回答が送信される前に HubSpot UTK が存在することが保証されます。

HubSpot インテグレーションを削除するにはどうすればよいですか？

1. HubSpot で 'マーケットプレイス' > '接続されたアプリ' に移動します。

2. Contentsquare インテグレーションの 'アクション' をクリックし、'アンインストール' をクリックします。

3. ダイアログボックスで、テキストフィールドにアンインストールと入力し、'アンインストール' をクリックします。

4. インテグレーションページに移動し、'HubSpotインテグレーションを切断'をクリックします。