インストールガイド

2分足らずで Web サイト上の MousePlayer を稼働できます。複雑な設定は不要です。

1

プロパティを探す

MousePlayer のダッシュボードにログインします。 プロパティ セクションには、アカウントに関連付けられたドメインの一覧が表示されます。ドメインがまだ設定されていない場合は、 コードを設置 ステータスのバッジが表示されます。

トラッキングするドメインの横にある操作列で、 </> コード ボタンをクリックします。

ユーザーのプロパティとコードボタンを表示した MousePlayer のダッシュボード
2

トラッキングスニペットをコピーする

画面に インストールコード モーダルが表示されます。このウィンドウには、プロパティ専用に生成された固有の非同期 JavaScript スニペットが含まれます(固有の idで関連付けられています)。

コードブロックの右上にある コードをコピー ボタンをクリックし、スニペットをクリップボードにコピーします。

JavaScript スニペットを表示したインストールコードモーダル
3

サイトにコードを貼り付ける

サイトのソースコードまたはタグマネージャーを開きます。セッション録画とライブビューを有効にするすべてのページで、コピーしたスニペットを HTML の <head> セクションに直接貼り付けます。

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

インストールを確認する

変更を保存してサイトを公開します。公開ドメインにアクセスし、ページを更新します。MousePlayer のダッシュボードに戻ると、ドメインのステータスが コードを設置 から アイドル に自動更新されます。また、サイトに訪問者がいれば、アクティブユーザーが表示されます。

開発者向けのヒント:CMS とタグマネージャー

WordPress を使用している場合は、テーマの header.php ファイルにスニペットを貼り付けるか、「Insert Headers and Footers」などのプラグインを使えます。Google Tag Manager(GTM)を使用している場合は、新しい カスタム HTML タグを作成してスニペットを貼り付け、トリガーを すべてのページに設定します。