ウェブチャットをGoogle analytics,Google tag managerでトラッキングする方法

Smart CRM & Sales Hub Tips, Tricks & Best Practices
1

ウェブチャット（https://www.hubspot.jp/products/crm/live-chat）でユーザーが何かしらメッセージを送信したら、Google analyticsのコンバージョンとして計測できればといろいろ試しています。

ただ、下記ページを参考に試してみましたがうまくいきませんでした。。。。

参考ページ

https://community.hubspot.com/t5/forums/replypage/board-id/marketing_reports/message-id/1653

https://developers.hubspot.com/docs/methods/conversations_api/hubspot-conversations-javascript-api

例えば、下記のようにしてもコンソールにログすら出力されませんでした。

Goolge tag managerの「タグ：カスタムHTML」に下記のように書きました。

タグのトリガーは「All pages」です。

<script type="text/javascript">
 function onConversationsAPIReady() {
 console.log('テスト'`);
 }
</script>

または

<script>
window.HubSpotConversations.on('conversationStarted', function(payload){
 console.log('テスト');
});
</script>

APIの使い方をなにか間違えているのかもしれません。。。

どなたかご存知の方がいたら教えていただけるとうれしいです。

2

@fishburger さん、HubSpotコミュニティーへようこそ！

コミュニティーのトップコントリビューターからアドバイスがあるか聞いてみますね。

@assi さん、こちらいかがでしょうか？

3

@littlehelp さんもタグしますね。

4

すみません、検証に時間がかかりそうなのですが最近なかなか忙しく、6月中のどこかで検証してみますm(_ _)m

5

ウェブチャットの読み込みが完了する前にイベントハンドラの設定を行っていることが原因かなと思います。

もしよかったら下記のコードを試してみていただけますでしょうか。

<script>
window.hsConversationsOnReady = [function () {
 window.HubSpotConversations.on('conversationStarted', function(payload){
 console.log('テスト');
 });
}];
</script>

ウェブチャットの読み込みが完了した後にイベントハンドラを設定するようfishburgerさんのコードを修正しました。

参考）Execute functions when HubSpotConversations loads:

https://developers.hubspot.com/docs/methods/conversations_api/hsconversationsonready

6

@assi さん、 @littlehelp さん、お二人ともありがとうございます！

@fishburger さん、ぜひ上記のアドバイスを参考にされてみてください。

7

littlehelpさん

ありがとうございます！

教えていただいた方法でコンソールログを出力することが来ました。

このやり方でGTMのdatalayerに送信すれば、コンバージョンを計測することができそうです。

8

fishburgerさん、
わー！よかったです！ご丁寧にご報告をありがとうございました。