WordPressサイトにヒートマップを導入する方法（コード1行・3分で完了）

この記事の要約

WordPressにヒートマップを入れるには、コードを1行貼るだけでOK

貼り方は3つ：①テーマのヘッダー設定欄 ②コード挿入プラグイン ③header.php直接編集

設置の成功確認は「エラーが出ないこと」ではなく、HeatMapXダッシュボードで該当サイトの件数が増えていること

「ヒートマップを入れたいけど、コードとか難しそう……」と思っていませんか？実はWordPressなら、1行のタグを貼るだけで導入できます。この記事では、初心者向けの方法から上級者向けの方法まで、3つのやり方を順番に解説します。

準備：サイトキーを取得する

まず、HeatMapX（無料プランあり）にアクセスして自分のサイトを登録し、サイトキーを発行します。クレジットカードの登録は不要です。

サイトキーが発行されたら、以下の形のタグを使います。あなたのサイトキー の部分だけを、発行された実際のキーに置き換えてください。

<script src="https://heatmapx.com/tracker.js" data-site-key="あなたのサイトキー"></script>

このタグを、これから紹介する3つの方法のいずれかで、サイトの <head> 内に貼り付けます。

方法1（推奨・初心者向け）：テーマのヘッダー設定欄

Cocoon（無料）・SWELL（有料）など、国内で人気のテーマの多くには「アクセス解析」「高度な設定」といった項目に、<head> 内へタグを直接挿入できる入力欄が用意されています。

WordPress管理画面から、使用中のテーマの設定画面を開く
「アクセス解析」「高度な設定」「headタグ」などの項目を探す
用意された入力欄に、上記のタグをそのまま貼り付けて保存する

コードを直接触らずに済むため、初めての方には一番おすすめの方法です。

方法2：コード挿入プラグイン

テーマにヘッダー挿入欄が無い場合は、WPCode（旧 Insert Headers and Footers）のようなプラグインを使う方法があります。

プラグイン画面から「WPCode」などのコード挿入プラグインを検索してインストール・有効化する
プラグインの設定画面にある「Header」欄を開く
上記のタグを貼り付けて保存する

この方法の利点は、テーマを乗り換えてもタグが消えないことです。将来デザインをリニューアルする予定がある方に向いています。

方法3（上級者）：子テーマのheader.phpを直接編集

コードの編集に慣れている方は、テーマファイルを直接編集する方法もあります。

使用中のテーマの子テーマを用意する（親テーマを直接編集すると、テーマ更新時にタグが消えてしまうため必須）
子テーマの header.php を開き、wp_head() の直前、または </head> タグの直前にタグを貼り付ける
ファイルを保存する

親テーマを直接編集した場合、次回のテーマアップデートで変更内容がすべて上書きされ、タグが消えてしまいます。この方法を選ぶ場合は、必ず子テーマ経由で編集してください。

動作確認

タグを貼り終えたら、実際に自分のサイトを数ページ開いてみましょう。ただし、ここで大事なポイントがあります。

「ページがエラーなく表示される」ことと「計測が正しく動いていること」は別物です。 ブラウザのコンソールにエラーが出ていなくても、サイトキーの入力ミスなどで計測データが届いていないケースがあります。

正しく設置できたかどうかは、必ず HeatMapXダッシュボードのサイト一覧で、対象サイトの件数が実際に増えているか を確認してください。数ページ閲覧した後、件数が増えていれば設置成功です。

よくある質問

Q. サイトの表示速度に影響しますか？ A. タグは非同期で読み込まれる軽量な仕組みのため、ページの表示速度への影響はごくわずかです。

Q. キャッシュ系プラグインを使っていますが、注意点はありますか？ A. WP Super CacheやW3 Total Cacheなどのキャッシュ系プラグインを使っている場合、タグを追加した後に**キャッシュの削除（パージ）**を忘れずに行ってください。古いキャッシュが配信され続けると、追加したタグが反映されないことがあります。

Q. タグを貼ったのに、ダッシュボードの件数が増えません A. 一番多い原因はサイトキーの取り違えです。別サイト用のキーを貼っていないか、コピー時に文字が欠けていないかを確認してください。

さいごに

WordPressへのヒートマップ導入は、コード1行を貼るだけで完了します。HeatMapXは無料で始められるので、まずは自分のサイトの「見られ方」を知るところから試してみてください。