最初のウェブサイトアクセスがメニューバーに表示されるようMenubar Overviewを設定しましょう

Hitstepsアカウントを作成

無料アカウントを作成し、確認したいウェブサイトを追加します。

すでにHitstepsを利用している場合は、既存のアカウントを使ってください。Macアプリ用に別のアカウントを作る必要はありません。メニューバーに表示したいサイトを選びます。

サイトにトラッカーを設置

サイトごとに一度だけ設置してください。WordPressプラグイン、手動のJavaScriptスニペット、Google Tag Managerを重ねて使わないでください。複数の設置によりアクセスが二重にカウントされることがあります。

基本の方法, あらゆるサイトにJavaScriptスニペットを設置

1. HTMLまたはカスタムサイトの設置ガイドを開きます。
2. Hitstepsでウェブサイトを開き、トラッキングスニペット全体をコピーします。
3. 共通フッター、レイアウト、または通常スクリプトを置く場所で、閉じるbodyタグの直前に一度だけ貼り付けます。
4. 保存して公開します。サイトまたはCDNのキャッシュを使っている場合は消去してください。

JavaScript設置ガイド

別の方法, WordPressプラグイン

1. WordPressプラグインの設置ガイドを開きます。
2. ご自身でホストするWordPressサイトにHitstepsをインストールして有効にします。
3. 該当するウェブサイトのAPIコードをプラグイン設定に貼り付けて保存します。

WordPressプラグイン設置ガイド

ほかのプラットフォームには、それぞれHitstepsの設置ガイドがあります。サイトごとにトラッキング方法を一つ選んでください。

ウェブサイトのAPIコードをコピー

Hitstepsで対象のウェブサイトを開き、APIコードをコピーします。プラグインではAPIキーと呼ばれる場合があります。

コードはHitstepsプラグイン設定とMenubarアプリ設定にだけ貼り付けてください。公開URL、UTMリンク、広告、共有シートには載せないでください。

Menubar Overviewを接続

トラッキングを設置したサイトで使ったものと同じHitstepsアカウントとウェブサイトAPIコードを使用します。

1. MacでHitsteps Menubar Overviewを開きます。
2. アプリ設定を開き、同じHitstepsアカウントでサインインします。
3. 手順3で取得したウェブサイトAPIコードを貼り付けて保存します。

チャットの在席表示と通知は任意です。サイトの件数表示にはウェブサイトへのトラッキング設置が必要です。

最初のアクセスを確認

設定完了とする前に、両方の場所で実際のアクセスを一つ確認します。

1. ウェブサイトの公開ページを開きます。
2. Hitstepsのウェブダッシュボードで、そのサイトのLive visitorsまたはOnlineを開き、自分のアクセスが表示されることを確認します。
3. 同じサイトのMenubarの件数またはポップオーバーを確認します。

実際のページアクセスがダッシュボードに表示され、メニューバーにそのサイトのリアルタイムの動きが表示されたら完了です。

何も表示されない場合は、設置方法を一つだけ使っているか確認します。ウェブサイトとMenubarの設定で同じAPIコードを使っているか確認し、サイトを再読み込みしてください。管理者の除外が有効な場合はプライベートウィンドウを試します。