loading中...

個人事業主に特化した無料WordPressテーマ「LiteWord」

コードの追記（head・body）

最終更新: 2026-03-28

コードの追記（head・body）

> こんな質問に答えます:
> - headタグにコードを追加したい
> - Google Tag Managerのタグをどこに貼ればいい？
> - トラッキングコードの設置方法は？
> - Facebook Pixelの設定場所は？

> 別名・よくある呼び方: head内コード追加、タグ埋め込み、コード挿入、トラッキングタグ、計測タグ設置、GTM設置

> 設定場所: 外観 → カスタマイズ → 「コードの追記（head内など）」
> カスタマイザーで開く: コード追記パネルを開く
> このページのURL: https://lite-word.com/manual/code-injection/

HTMLのhead要素やbody要素にカスタムコードを直接追記するための設定。GoogleサーチコンソールのメタタグやFacebookピクセルなど、テーマが標準対応していない外部サービスのコードを貼る場所。OGPタグ・構造化データ・外部スクリプトの埋め込みに使う。

設定手順

サイト全体にコードを追加する

  1. 外観 → カスタマイズ を開く
  2. 「コードの追記（head内など）」 パネルを開く
  3. 追加したいコードの種類に応じて、適切なセクションを開く（下表参照）
  4. テキストエリアにコードを貼り付ける
  5. 「公開」 をクリックして保存

特定のページだけにコードを追加する

  1. 該当ページ（固定ページ・投稿）の編集画面を開く
  2. 「SEO設定」 メタボックスを探す
  3. 「カスタムhead」 にhead内に追加したいコードを入力
  4. 「カスタムfooter」 にbody閉じタグ前に追加したいコードを入力
  5. ページを更新して保存

4つのコード挿入セクション

セクション 挿入位置 主な用途
head内（前半部分） `` タグ内の前半 Google Tag Manager（headコード）、metaタグ
head内（後半部分） `` タグ内の後半 追加CSS、Webフォント読み込み
body内（前半部分） `` タグ直後 GTM noscriptコード、トラッキングピクセル
body内（後半部分） `` タグ直前 カスタムJavaScript、チャットウィジェット

各セクションにはテキストエリアが1つずつあり、自由にコードを入力できる。

ページ単位のコード挿入

カスタマイザーのコード追記はサイト全体に適用されるが、ページ単位で個別にコードを追加することも可能。

メタボックス設定 挿入位置
カスタムhead そのページの `` 内
カスタムfooter そのページの `` 直前

> 補足: ページ単位のコードは、サイト全体のコード追記に追加される形で出力される（上書きではない）。

よくある使用例

Google Tag Manager（GTM）を設置する

  1. GTM管理画面からコンテナスニペットを取得する
  2. head内（前半部分） にGTMの `` コードを貼り付ける
  3. body内（前半部分） にGTMの `` コードを貼り付ける
  4. 「公開」 で保存

Facebook Pixel を設置する

  1. Facebookビジネスマネージャからピクセルコードを取得する
  2. head内（前半部分） にピクセルの `` コードを貼り付ける
  3. body内（前半部分） にピクセルの `` コードを貼り付ける
  4. 「公開」 で保存

カスタムCSSを追加する

  1. head内（後半部分） を開く
  2. `` タグで囲んだCSSを入力する
  3. 「公開」 で保存

  /* 例: 見出しの色を変更 */
  h2 { color: #333; }

> ヒント: 簡単なCSSなら「外観 → カスタマイズ → 追加CSS」でも追加できる。大量のCSSや条件付きのCSSはコード追記が適している。

Google Analytics（直接設置）

LiteWordにはSEO設定にGoogle Analytics連携機能があるが、手動で設置する場合は head内（前半部分） にGA4のgtag.jsコードを貼り付ける。

FAQ

Q. コードを追加したのにサイトに反映されない
A. カスタマイザーで「公開」を押して保存しているか確認する。キャッシュプラグインやCDN（Cloudflare等）のキャッシュが残っている場合はキャッシュクリアを試す。

Q. headの前半と後半、どちらに入れればいい？
A. 計測タグ（GTM・Pixelなど）は前半に入れる。できるだけ早く読み込まれることで計測漏れを防げる。CSS・フォントは後半でOK。

Q. コードを入れたらサイトが崩れた
A. 入力したコードに構文エラーがないか確認する。閉じタグの不足やJavaScriptのエラーが原因となることが多い。問題のコードを削除して「公開」すれば元に戻る。

Q. 特定のページだけに計測タグを入れたい
A. ページ編集画面の「SEO設定」メタボックスにある「カスタムhead」「カスタムfooter」を使う。サイト全体ではなく、そのページだけにコードが挿入される。

Q. Google AnalyticsはSEO設定とコード追記、どちらで設定すべき？
A. LiteWordのSEO設定にGA連携機能がある場合はそちらを使う方が簡単。手動でgtag.jsを貼る場合は二重計測にならないよう注意する。

関連ページ

最終更新: 2026-03-21