> For the complete documentation index, see [llms.txt](https://marketing-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://marketing-help.nhn-commerce.com/conversion-tracking-setup/godomall-script-setup/google-ads-conversion-script.md).

# 구글애즈 전환 스크립트 설치 매뉴얼

## 주의사항

{% hint style="info" %}
구글애즈 스크립트의 경우 전환 액션 생성 시 별도로 고유의 전환라벨이 추가 됩니다.

따라서, 구글애즈에서 전환액션을 먼저 생성한 후, 스크립트 작업을 진행해 주시기 바랍니다.
{% endhint %}

## 전환 액션 생성 방법 <a href="#undefined-2" id="undefined-2"></a>

{% hint style="warning" %}
모든 전환 액션을 생성할 필요는 없습니다.&#x20;

전환 추적을 원하는 전환 액션만 선택하여 생성하고 적용하면 됩니다.
{% endhint %}

> 1. 구글애즈 계정 접근 > 전환 > 전환 액션 만들기

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

> 2. 웹사이트 선택

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

> 3. 웹사이트 도메인 입력 > 검사&#x20;

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

> 4. 코드를 사용하여 수동으로 전환 액션 만들기 선택

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

> 5. 5가지 전환 \[구매완료, 장바구니, 주문서 생성 (결제 시작), 회원가입, 상품상세] 생성

1. <mark style="background-color:orange;">**구매완료/장바구니/주문서 생성 전환**</mark>\
   \
   목표 및 액션 최적화: \
   \- 카테고리 > 각각 구매/장바구니에 추가/결제 시작 \
   \- '입찰 최적화에 사용되는 기본 액션' 선택\
   \
   전환 이름:\
   \- 임의로 설정 \
   \
   값: \
   \- '전환별로 서로 다른 가치 사용' 선택 (지정된 값이 없을 경우, 기본 값이 사용되니 기본값 란을 채워주세요)\
   \- 한 가지 유형의 제품만 판매하는 경우, '모든 전환에서 동일한 가치 사용' 선택 후 가격 입력\
   \
   횟수:\
   \- '매회' 선택

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

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

2. <mark style="background-color:orange;">**회원가입 전환**</mark>\
   \
   목표 및 액션 최적화: \
   \- 카테고리 > 가입\
   \- '입찰 최적화에 사용되는 기본 액션' 선택\
   \
   전환 이름:\
   \- 임의로 설정 \
   \
   값: \
   \- '모든 전환에서 동일한 가치 사용'\
   \
   횟수:\
   \- '1회' 선택 (첫 번째 상호작용만 가치가 있기 때문)

3. <mark style="background-color:orange;">**상품상세 전환**</mark>\
   \
   목표 및 액션 최적화: \
   \- 카테고리 > 페이지 조회\
   \- '입찰 최적화에 사용되는 기본 액션' 선택\
   \
   전환 이름:\
   \- 임의로 설정 \
   \
   값: \
   \- '모든 전환에서 동일한 가치 사용'\
   \
   횟수:\
   \- 사용자가 상품 상세페이지를 조회할 때마다 횟수를 기록하고자 할 경우 -> 매회\
   \- 사용자가 상품 상세페이지를 여러 번 조회할 경우에 1회로 기록하고자 할 경우 -> 1회

> 6) 생성된 전환 목록 확인 > 향상된 전환 사용 여부 해제 > '저장하고 계속하기' 선택

<figure><img src="/files/5kmGTh2VKSOtcDF8KaIh" alt=""><figcaption></figcaption></figure>

> 7. 이벤트 스니펫 보기 > 스니펫 코드 내 AW 뒤 전환 id 와 전환 라벨 복사

* AW-(광고 아이디) / (전환 라벨)

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

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

```markup
<!-- Event snippet for 구매전환 conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-(전환id)/(전환라벨)',
      'value': 10000.0,
      'currency': 'KRW',
      'transaction_id': ''
  });
</script>
```

> 8. 고도몰 관리자 페이지 > 마케팅 > 구글 광고 > 구글 광고 설정/관리 > 전환 ID 및 전환 라벨 입력 > 저장&#x20;

<figure><img src="/files/0VZR3xUIPxl9oUBTlL7C" alt=""><figcaption></figcaption></figure>

## 스크립트 예시

디자인페이지 및 모바일쇼핑몰 메뉴를 이용한 구글애즈 스크립트 적용 예시

{% hint style="danger" %}
단순 예시이며, 작동을 보장하지 않습니다.
{% endhint %}

### 공통

공통레이아웃 혹은 외부스크립트를 이용해 적용

PC와 모바일 모두 적용 (디자인 및 모바일)

<figure><img src="/files/rOyMCM06KYmFVfgyF5Xl" alt=""><figcaption><p>외부스크립트 적용 예시</p></figcaption></figure>

```javascript
<!-- Google tag (gtag.js) -->
// AW-아이디 부분을발급받은 구글애즈 아이디로 변경 합니다.
<script async 
 src="https://www.googletagmanager.com/gtag/js?id=AW-아이디">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-아이디');
</script>
```

### 주문완료페이지

PC와 모바일 모두 적용   (디자인 및 모바일)

<figure><img src="/files/SS68gi09dqIyEHxBka9m" alt=""><figcaption><p>주문완료페이지 적용 예시</p></figcaption></figure>

```javascript
<!-- Event snippet for (웹/고도몰) 구매 전환 conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-아이디/컨버전라벨', // 컨버전라벨 및 아이디를 변경해주세요
      'value': {=orderInfo.settlePrice},
      'currency': 'KRW',
      'transaction_id': '{orderInfo.orderNo}'
  });
</script>
```