> 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/display-video-ads/viewer-end-ads.md).

# Viewer-end Ads

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

* 作品読了後に表示されるバナー広告です。
* PCビューアでは、600x600pxで表示されます。
* モバイルウェブビューアでは、画面の横幅フルサイズで表示されます。
* アプリビューアの最下部では、画面の横幅フルサイズで表示されます。

<div><figure><img src="/files/0MkgYmUQY0MZiUBFaeQI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/S9Skyz0KmgWISkPinbxD" alt=""><figcaption></figcaption></figure> <figure><img src="/files/sRxDGJFRnSMyywSVlyWU" alt=""><figcaption></figcaption></figure></div>

### 必要アセット <a href="#id-51viewerendad-asetto" id="id-51viewerendad-asetto"></a>

<figure><img src="/files/sC5yUNbF4BQVYMqevlU0" alt="" width="375"><figcaption></figcaption></figure>

| 画像サイズ  | 600x600px  |
| ------ | ---------- |
| ファイル容量 | 最大150KB    |
| ファイル形式 | JPG, PNG   |
| 必須素材   | 広告代表素材・コピー |

## 制作ガイド <a href="#id-51viewerendad-gaido" id="id-51viewerendad-gaido"></a>

{% tabs %}
{% tab title="基本ガイド " %}

* 600x600px
* バナーの上下左右30pxはセーフティエリアとなります。文字切れや視認性の低下を防ぐため、テキスト、CTAボタン、主要な要素がこの領域に重ならないよう配置してください。
* CTAボタンの使用は任意ですが、下部への配置を推奨します。
* 背景色として、#FFFFFF、#171717 およびそれに近い系統の色は使用できません。
* 背景色は、**必ずPhotoshopカラーピッカー基準でBrightness値が15%以上、90%以下**となるように設定してください。

<figure><img src="/files/Co6iDZvxghFpfDTGmkqi" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG例" %}

<div><figure><img src="/files/Zns6joJ7ma1VzngnftV4" alt=""><figcaption><p>セーフティエリアを遵守していない場合</p></figcaption></figure> <figure><img src="/files/YtFja26xD6TkRsLyFOZN" alt=""><figcaption><p>背景色ガイドを遵守していない場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## サンプル画像 <a href="#id-51viewerendad-sanpuru" id="id-51viewerendad-sanpuru"></a>

<div><figure><img src="/files/Tb06wCVipUMrngeiPLFk" alt=""><figcaption></figcaption></figure> <figure><img src="/files/FtILpDqc7MfU9sypnt68" alt=""><figcaption></figcaption></figure> <figure><img src="/files/xLLa5pdhy8gTxgaRYVM2" alt=""><figcaption></figcaption></figure></div>

## **Ad Creative PSD Template**

<a href="https://comic.naver.com/external/shareFile?fileId=8XtUvg1x57h_p3V-y-TVnA" 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/display-video-ads/viewer-end-ads.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.