> For the complete documentation index, see [llms.txt](https://docs.exoclick.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exoclick.com/tutorials/ja/chtoriaru/paburisshkechtoriaru/wordpress-exoclick-ad-zone-set-up.md).

# WordPressでExoClickの広告ゾーンコードを使用する方法

ExoClickのAd ZoneコードをWordPressに組み込むのは簡単で、複数の方法で行えます。

このガイドでは、ExoClickの広告ゾーンをWordPressサイトに追加する4つの異なる方法を順を追って説明します。

{% stepper %}
{% step %}

## WordPressにカスタムHTMLブロックを追加する

WordPressエディターを開く

* 広告を配置したい投稿またはページを開く

<figure><img src="/files/62e00a35800a375426f1348b736e5fc4a5df0441" alt=""><figcaption></figcaption></figure>

カスタムHTMLブロックを追加する

* 次をクリックします **「+」** （ブロックを追加）ボタン
* 検索して **「Custom HTML」** を選択します

<figure><img src="/files/4ca16a59f4132b835210372ff6eaf7f54df69344" alt=""><figcaption></figcaption></figure>

作成したAd Zoneコードを取得する

* ExoClickのAd Zoneコードをコピーする

<figure><img src="/files/ffa12d19b4fdbb4658e3ec391e3e9bab9249c236" alt=""><figcaption></figcaption></figure>

広告コード（バナー、ネイティブなど - **ポップアンダーを除く**)

* を次の中に貼り付けます **カスタムHTMLブロック**

<figure><img src="/files/387fd705b274a5aef555d102d8bcfb268981a38c" alt=""><figcaption></figcaption></figure>

これでプレビューして広告をテストできます

* プレビューをクリックして、広告が正しく表示されるか確認します
* 問題なければ、次をクリックします **公開/更新** して変更を保存します

<figure><img src="/files/5336b6bdb0e19896731c87e61976b5d22398ef11" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## Ad Inserterプラグインを使用する

Ad Inserterプラグインをインストールする

* WordPressダッシュボード > プラグイン > 新規追加 に移動します
* 検索して **「Ad Inserter」** プラグインをインストールして有効化します

<figure><img src="/files/be2a52f8699b15267cf5b1de0c69fa95b31e0b74" alt=""><figcaption></figcaption></figure>

作成したAd Zoneコードを取得する

* ExoClickのAd Zoneコードをコピーする

<figure><img src="/files/ffa12d19b4fdbb4658e3ec391e3e9bab9249c236" alt=""><figcaption></figcaption></figure>

Ad Inserterを設定する

* WordPressダッシュボード > 設定 > Ad Inserter に移動します
* コピーした広告コードを適切なコードブロックに貼り付けます
* 設定を保存する

<figure><img src="/files/0614fd5d9f9160fa4795b7cc40dcda0fb6803939" alt=""><figcaption></figcaption></figure>

投稿またはページに広告を挿入する

* 広告を表示したい投稿またはページを編集します
* Ad Inserterのショートコードを使用する **\[adinserter blockID]** をエディター内で
* 置き換えます **blockID** をAd Inserterで設定したブロック番号に

<figure><img src="/files/6cf1eb3e8a6f5e0110f57b44134853b5aa74dc23" alt=""><figcaption></figcaption></figure>

正しく設定されていれば、これで広告ゾーンが表示されるはずです

<figure><img src="/files/d630d7be6024b12bae847e38f30f023644870c82" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## テーマファイルエディターでポップアンダーコードを追加する

* WordPressダッシュボード > 外観 > テーマファイルエディター に移動します
* 次を見つけます **footer.php** テーマファイル内の
* ポップアンダーAd Zoneコードをコピーする

<figure><img src="/files/4092d0194b72d8293fb3ac1f6671ec1ff113e794" alt=""><figcaption></figcaption></figure>

* ポップアンダーAd Zoneコードを次の中に貼り付けます **footer.php** ファイル

<figure><img src="/files/8c9e58e791a67c89a308db2ef0c19decd10a70c2" alt=""><figcaption></figcaption></figure>

**注意**：また、次も使用できます **方法4** を使用して、ポップアンダースクリプトをフッターに追加できます。
{% endstep %}

{% step %}

## ヘッダーとフッターにスクリプトを挿入する

設定パネルにアクセスする

* WordPressダッシュボード > 設定 > Insert Script In Headers And Footers に移動します

<figure><img src="/files/736ca169b713974f7bf71057815d5c8dcc12fa6d" alt=""><figcaption></figcaption></figure>

**注意**：この例では、ポップアンダーAd Zoneスクリプトを使用しました
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.exoclick.com/tutorials/ja/chtoriaru/paburisshkechtoriaru/wordpress-exoclick-ad-zone-set-up.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.