> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/line-manga/creative-guidelines/offer-wall.md).

# オファーウォール広告

> 見てもらう広告から、参加してもらう広告へ。
>
> 「無料でコインGET」への最初のタップから、ミッションの完了、そして報酬の獲得まで——LINEマンガユーザー自身が選び、動く瞬間を、ブランドへの確かなアクションとして刻みます。
>
> 能動的なエンゲージメントと、計測可能な成果を。
>
> <a href="/pages/wQqQVu9VNdWjwvByMFbI" class="button secondary" data-icon="arrow-progress">Process & Timeline</a><a href="https://guides.advertising.webtoon.com/J1suphMzPP344bYELGyP/line-manga/kuraiantosapto/rate-card#ofwru-dekoinget" class="button secondary" data-icon="money-bills">Rate Card</a>

### 表示位置及び特徴 <a href="#id-3offerwalldekoingetjp-bi" id="id-3offerwalldekoingetjp-bi"></a>

* Offerwallの各ページで使用する画像制作に関するガイドです。
* **最上部バナー・広告詳細は、それぞれ**必須素材のため**必ず制作**してください。

{% columns %}
{% column %}

<p align="center"><strong>最上部バナー</strong></p>
{% endcolumn %}

{% column %}

<p align="center"><strong>広告詳細</strong></p>
{% endcolumn %}
{% endcolumns %}

<div><figure><img src="/files/kqtmMkKZQDvFdtE8QqQQ" alt="" width="375"><figcaption><p>最上部バナー</p></figcaption></figure> <figure><img src="/files/qtfEpzOB9GRoKGYPLWVT" alt="" width="375"><figcaption><p>広告詳細</p></figcaption></figure></div>

### 必要アセット

<div><figure><img src="/files/p2tuLrQJfqaU5CjULnNH" alt="" width="563"><figcaption><p>最上部バナー</p></figcaption></figure> <figure><img src="/files/gdLTBTsQNbrmhHDaw9pw" alt="" width="188"><figcaption><p>広告詳細</p></figcaption></figure></div>

<table><thead><tr><th>アセット名</th><th width="347">サイズ</th><th>ファイル容量</th><th>ファイル形式</th><th width="88">必須</th><th width="299">備考</th></tr></thead><tbody><tr><td>最上部バナー</td><td>750x220px</td><td>最大 100KB</td><td>JPEG、PNG</td><td><strong>必須</strong></td><td></td></tr><tr><td>広告詳細</td><td>720x360px (720x360、720x780のいずれかを選択)</td><td>最大 200KB</td><td>JPEG、PNG</td><td><strong>必須</strong></td><td>カルーセル形式で複数素材掲載可<br>（同一サイズ・最大5点）</td></tr><tr><td></td><td>720x780px (720x360、720x780のいずれかを選択)</td><td>最大 400KB</td><td>JPEG、PNG</td><td><strong>必須</strong></td><td>カルーセル形式で複数素材掲載可<br>（同一サイズ・最大5点）</td></tr></tbody></table>

***

### 最上部バナー 制作ガイド

* **750x220px** で制作してください。
* **背景カラーとして #FFFFFF、#000000の使用は禁止**します。
* 画像は自由に構成可能ですが、主要テキストは、Safe Area(100x64px)より内側に収まるように制作してください。
* 「アプリインストール」のみを成果とするテキスト表現は避けてください。\ <sub>→ 「アプリインストール後に条件達成」などの遷移先でのアクションを促す表現への置き換えを推奨します。（例：条件達成でコインGET！）</sub>
* ユーザーのエンゲージメントを高めるため、課金アクションに連動するテキストの記載を推奨します。\ <sub>→ 報酬付きにする文言は、</sub><sub>**「コインGET」**</sub> <sub></sub><sub>に統一してください。（例：条件達成でコインGET！）</sub>
* 可読性・視認性の低いフォントの使用は禁止します。
* デバイスのモックアップ画像、またはそれに類似する表現での制作は禁止します。

<div><figure><img src="/files/q3SwhgB0VSc3adQPQxoJ" alt=""><figcaption></figcaption></figure> <figure><img src="/files/CrgohIr4leG59Y1XeX4w" alt=""><figcaption></figcaption></figure></div>

***

### 広告詳細 制作ガイド

#### 画像エリア

* **720x360px**, **720x780px** のいずれかを選択して制作してください。\ <sub>カルーセル形式により、複数の素材を掲載できます。（同一サイズで最大5点まで）</sub>
* 背景カラーとして `#FFFFFF`、`#000000` の使用は禁止します。
* 画像は自由に構成可能ですが、主要テキスト、Safe Area(上下左右 各32px)より内側に収まるように制作してください。
* クリック率向上のため、Safe Area領域を遵守し、CTAボタンを適切に配置することを推奨します。
* 「アプリインストール」のみを成果とするテキスト表現は避けてください。\ <sub>→「アプリインストール後に条件達成」など遷移先でのアクションを促すの表現への置き換えを推奨します。（例：条件達成でコインGET！）</sub>
* ユーザーのエンゲージメントを高めるため、課金アクションに連動するテキストの記載を推奨します。\ <sub>→ 報酬付きにする文言は、</sub><sub>**「コインGET」**</sub> <sub></sub><sub>に統一してください。（例：条件達成でコインGET！）</sub>
* 可読性・視認性の低いフォントの使用は禁止します。
* デバイスのモックアップ画像、またはそれに類似する表現での制作は禁止します。

#### テキストエリア

<table><thead><tr><th width="83">No</th><th>項目</th><th width="321">説明</th><th>文字数</th></tr></thead><tbody><tr><td>1</td><td>上部タイトル</td><td>ブランド名</td><td></td></tr><tr><td>2</td><td>下部タイトル</td><td>ブランド名</td><td></td></tr><tr><td>3</td><td>アクション内容</td><td>該当広告で実行するアクションを表示（例：アプリログイン）</td><td>スペースを除き最大20文字</td></tr><tr><td>4</td><td>参加案内</td><td>広告参加に関するユーザー向け案内事項</td><td></td></tr></tbody></table>

<div><figure><img src="/files/5GUzgRTHCxEusyw7jMzL" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="/files/u5gMKgh0qq30EK6LHF1n" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="/files/k2W8FspL7t6hf0zw7uL8" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="/files/3LKiOx1sseIJQu2NgDMe" alt="" width="563"><figcaption></figcaption></figure></div>

***

## Ad Creative PSD Template

<a href="https://comic.naver.com/external/shareFile?fileId=8EBCjqVmZUaw-WeOzvVG-w" class="button secondary">Download Sample PSD</a>

{% hint style="success" %}
ご質問や広告に関するお問い合わせは、[**「Contact Us」**](https://ldfcorp.com/ja/contact/form_7)フォームよりご連絡ください。
{% endhint %}


---

# 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://guides.advertising.webtoon.com/line-manga/creative-guidelines/offer-wall.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.