> For the complete documentation index, see [llms.txt](https://tmapmobility.gitbook.io/tmap-ads-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tmapmobility.gitbook.io/tmap-ads-guidelines/digital-display-advertising/d2s-drive-to-store.md).

# D2S(Drive To Store)

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

<table><thead><tr><th width="216.3828125"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td><strong>이미지 공통</strong></td><td><strong>적용 불가 이미지</strong><br>- 해상도가 낮아 이미지가 깨져보이는 경우 <br>- 광고 목적 파악이나 의미 전달이 불가한 경우 <br>- 지나치게 확대되거나 잘린 이미지를 사용한 경우 <br>- 혐오감이나 불쾌감을 느낄 수 있는 이미지를 사용한 경우 <br>- 작동하지 않는 클릭,동작을 유도하는 이미지인 경우</td><td></td></tr></tbody></table>

## 1. 경로 요약 핀 + 상단 배너

{% hint style="info" %}
**필수 전달 사항 : jpg 파일 3종** (확장형 배너, 축소형 배너, 핀 배너)**, 배경 색상값 헥스 코드, 확장형 문구**(메인, 서브), **축소형 문구**(메인), **랜딩 URL**
{% endhint %}

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

### 구성 (인터랙션)

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

### 1) 확장형 배너

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

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>152 x 104 px (배경 투명도 없는 직사각 이미지)</td></tr><tr><td><strong>파일 형식</strong></td><td>jpg 파일</td></tr><tr><td><strong>용량</strong></td><td>300kb 이하</td></tr><tr><td><strong>배너 텍스트</strong></td><td><ul><li>메인: 띄어쓰기 포함 최대 15자, 최소 10글자</li><li>서브: 띄어쓰기 포함 최대 15자, 최소 10글자</li><li>공통: 길어지면 말줄임 처리</li><li>메인, 서브 동일 문구 불가</li></ul></td></tr><tr><td><strong>배경색</strong></td><td>Hex code</td></tr><tr><td><strong>안내</strong></td><td><ul><li>AD뱃지 표시 됨(상시 고정 표출)</li><li><mark style="color:blue;">직사각형 이미지가 크롭되는 형태</mark>로 주요 오브젝트가 잘리지 않도록 템플릿 가이드 준수하여 제작</li></ul></td></tr></tbody></table>

**샘플**

{% file src="/files/DQHVqFgBxoA6UZcGs0vN" %}

{% file src="/files/OzVRho4RlnmaQEyJtk7h" %}

### 2) 축소형 배너 ( 심볼형과 동일 이미지 사용)

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

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>96 x 96 px (배경 투명도 없는 정사각 이미지)</td></tr><tr><td><strong>파일 형식</strong></td><td>jpg 파일</td></tr><tr><td><strong>용량</strong></td><td>300kb 이하</td></tr><tr><td><strong>배너 텍스트</strong></td><td><ul><li>메인: 띄어쓰기 포함 최대 15자, 최소 10글자</li></ul></td></tr><tr><td><strong>배경색</strong></td><td>Hex code</td></tr><tr><td><strong>안내</strong></td><td><ul><li>AD뱃지 표시 됨(상시 고정 표출)</li><li><mark style="color:blue;">정사각형 이미지가 원형으로 크롭되는 형태</mark>로 주요 오브젝트가 잘리지 않도록 템플릿 가이드 준수하여 제작</li><li>바로가기 > 버튼은 시스템에서 제공 </li></ul></td></tr></tbody></table>

**샘플**

{% file src="/files/8hhUaviXedYcqJrWSFD8" %}

{% file src="/files/3OXJ2OKUy3cAk9CcyxJT" %}

### 3) 경로 요약 핀

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

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>138 x 138 px (배경 투명도 없는 정사각 이미지)</td></tr><tr><td><strong>파일 형식</strong></td><td>jpg 파일</td></tr><tr><td><strong>용량</strong></td><td>300kb 이하</td></tr><tr><td><strong>핀 이미지 적용 방식</strong></td><td><ul><li><mark style="color:blue;">출발지 핀에만 광고 적용이 가능하며 핀의 빨간 색상은 변경 불가</mark></li><li><mark style="color:blue;">정사각형 이미지가 원형으로 크롭되는 형태</mark>로 주요 오브젝트가 잘리지 않도록 템플릿 가이드 준수하여 제작</li></ul></td></tr></tbody></table>

샘플

{% file src="/files/ReOa78dJbN5XecAT1jxt" %}

{% file src="/files/YqLcFzE2C8Zq2wyplELS" %}

## 2. 주행 시작 음성 광고

{% hint style="info" %}
**필수 전달 사항 : 음성 광고 텍스트** (10자 이하)
{% endhint %}

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

* 주행시작음성광고 : 텍스트 10자 이하, ( 주행시작 음성은 TTS(Text To Speach) 상품으로 별도 효과음은 들어갈 수 없습니다.

## 3. 주행 종료 팝업

{% hint style="info" %}
**필수 전달 사항 : png 파일 1종** (배경 투명하게)**, 배경 색상값 헥스 코드, 광고 문구**(메인, 서브), **랜딩 URL**
{% endhint %}

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

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>140 x 140 px (배경 투명하게)</td></tr><tr><td><strong>파일 형식</strong></td><td>png 파일</td></tr><tr><td><strong>용량</strong></td><td>300kb 이하</td></tr><tr><td><strong>배너 텍스트</strong></td><td><ul><li>메인: 띄어쓰기 포함 최대 15자, 최소 10글자</li><li>서브: 띄어쓰기 포함 최대 15자, 최소 10글자</li><li>공통: 길어지면 말줄임 처리</li><li>메인, 서브 동일 문구 불가</li></ul></td></tr><tr><td><strong>배경색</strong></td><td>Hex code</td></tr><tr><td><strong>안내</strong></td><td><ul><li>AD뱃지 표시 됨(상시 고정 표출)</li><li><mark style="color:blue;">좌우 상하 여백 10px 유지하여 오프젝트 배치</mark></li></ul></td></tr></tbody></table>

**샘플**

{% file src="/files/k7AAyIPb0FuTeOTkvuqQ" %}

{% file src="/files/C53sRB6cCffsImeXGZaK" %}

## 4. 앱 푸시(도착 30분 후)

{% hint style="info" %}
**필수 전달 사항 :** 메인 문구, 서브 문구 / 선택 전달 사항: 랜딩 URL
{% endhint %}

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

<table><thead><tr><th width="222.94921875"></th><th></th></tr></thead><tbody><tr><td><strong>텍스트</strong></td><td><ul><li>메인 문구: 띄어쓰기 포함 20자 미만 권장</li><li>서브 문구: 띄어쓰기 포함 40~60자 미만 권장</li></ul></td></tr><tr><td><strong>랜딩 URL</strong></td><td><ul><li>외부랜딩 가능</li></ul></td></tr></tbody></table>