広告コードやアドセンスコードの設置で、よく求められるのが「head」への記載です。
![](https://ym-life.com/wp-content/uploads/2022/04/f599ee6ee5f2b5c83f446f637f6557bf-1-300x169.jpg)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ2(丸)-150x150.png)
使用するテーマによってheadの場所が異なり、ややこしいですよね…。
そこで、SWELL・JINR・JIN・SANGO・STORKユーザー向けに、それぞれの設置箇所を解説いたします。
headタグの記述方法
![headタグの記述方法](https://ym-life.com/wp-content/uploads/2023/05/0d49865c640eb1b7d39eba839f0f7af8-1.jpg)
![headタグの記述方法](https://ym-life.com/wp-content/uploads/2023/05/0d49865c640eb1b7d39eba839f0f7af8-1.jpg)
head内にコードを記述する方法は、大きく分けて2つ。
- テーマファイルに直接書き込む
- テーマ固有の機能で書き込む
テーマファイルに直接書き込む
一つ目は、テーマファイルに書き込む方法です。
ダッシュボード「外観」→「テーマファイルエディター」から、<head>もしくは</head>の記載があるテーマファイルを選択。
そこに直接コピペで貼り付けていくといいでしょう。
テーマによりますが、「header.php」にあるケースが多い印象です。
こちらの方法が旧来のやり方ではありますが、設置箇所を間違えたり、誤って他のコードを削除してしまったりすると、画面が真っ白!なんてことも。
そのため、テーマ固有の機能があれば、そちらで書き込むのが安全でしょう。
テーマ固有の機能で書き込む
最近のテーマでは、テーマエディターを触りにいかなくても、固有の設置箇所を用意しているケースが多いです。
今回ご紹介するSWELL・JINR・JIN・SANGO・STORKでも、headタグの挿入は簡単ですよ。
headタグの設置箇所はどこ?
ということで、早速テーマごとに、設置箇所を解説いたします。
SWELL
「外観」⇒「カスタマイズ」
![カスタマイズ(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/f86545471bfacc3cfe8c1ac2a8933902.jpg)
![カスタマイズ(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/f86545471bfacc3cfe8c1ac2a8933902.jpg)
「高度な設定」をクリック。
![高度な設定(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/dee92e33457e13c32bd2bf51c4e9f7cb.jpg)
![高度な設定(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/dee92e33457e13c32bd2bf51c4e9f7cb.jpg)
「headタグ終了直前に出力するコード」内に設定していきましょう!
![headの設定(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/4c9e99dc15db217236144a952e7cc323.jpg)
![headの設定(SWELL)](https://ym-life.com/wp-content/uploads/2022/04/4c9e99dc15db217236144a952e7cc323.jpg)
コードを設置したら、「公開」ボタンも忘れずに。
![](https://ym-life.com/wp-content/uploads/2023/08/9fa3b8d217a8df4102c8db889d44129d-300x169.jpg)
![](https://ym-life.com/wp-content/uploads/2023/08/9fa3b8d217a8df4102c8db889d44129d-300x169.jpg)
JINR
ダッシュボード「JINR設定」⇒「計測タグ設定」タブ。
「その他のタグ設置」⇒「head内に記載するタグ」
![headタグ(JINR)](https://ym-life.com/wp-content/uploads/2023/05/92b964328b9b7631229710f733c3a0a2.jpg)
![headタグ(JINR)](https://ym-life.com/wp-content/uploads/2023/05/92b964328b9b7631229710f733c3a0a2.jpg)
最後に、「この設定を保存する」を忘れずに。
JIN
「HTMLタグ設定」⇒【head内】
![headタグ(JIN)](https://ym-life.com/wp-content/uploads/2023/05/053cb9cf625aa2a699ab03e7781ff687.jpg)
![headタグ(JIN)](https://ym-life.com/wp-content/uploads/2023/05/053cb9cf625aa2a699ab03e7781ff687.jpg)
広告タグ貼り付けたら、『変更を保存』して設定は完了です。
SANGO
「外観」⇒「カスタマイズ」を選択し、「詳細設定」をクリック。
![オーバーレイ広告の設置方法(SANGO)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%89.jpg)
![オーバーレイ広告の設置方法(SANGO)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%89.jpg)
「headタグ内にコードを挿入」にheadタグを設置し、『公開』をクリックすれば設置は完了です!
![オーバーレイ広告の設置方法(SANGO)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%892.jpg)
![オーバーレイ広告の設置方法(SANGO)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%892.jpg)
STORK
STORKの場合も、設置は簡単ですよ。
「外観」⇒「カスタマイズ」
![オーバーレイ広告の設置方法(STORK)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%89.jpg)
![オーバーレイ広告の設置方法(STORK)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%89.jpg)
「headタグ・アクセス解析コード」をクリックします。
![オーバーレイ広告の設置方法(STORK)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%892.jpg)
![オーバーレイ広告の設置方法(STORK)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%892.jpg)
<head>タグ内にheadタグを貼り付けましょう!
![headタグ(STORK)](https://ym-life.com/wp-content/uploads/2023/05/39a04336d7ce6e53c5eb12e3cd1ffc10.jpg)
![headタグ(STORK)](https://ym-life.com/wp-content/uploads/2023/05/39a04336d7ce6e53c5eb12e3cd1ffc10.jpg)
最後に『公開』ボタンを押せば設定完了です。
あとがき
主要なテーマのheadタグの記載箇所をご紹介しました。
テーマ固有の機能を使えば、複雑なテーマファイルを触ることなく、簡単に設置することができます。
この方法を使えば、基本的にはテーマ更新時も設定が引き継がれるので、その点でも安心ですね!
コメント