> 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/shopby-ads-script/google-ads.md).

# 구글애즈

{% hint style="info" %}
예시 코드들은 스크립트 동작을 보장하지 않습니다.
{% endhint %}

{% hint style="info" %}
본 문서에서는 구글 태그매니저 적용 방법에 대해서 기입하지 않습니다.
{% endhint %}

## 관련 문서

* 샵바이 변수 조회 가이드: <https://admin-remote.shopby.co.kr/popup/variable-guide><br>

## 주의사항

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

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

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

① 구글애즈 계정에 접근 하여, 도구 및 설정 > 측정 > 전환으로 접근 합니다.

<figure><img src="/files/nzKlkosbZCb4gzZxV7QI" alt=""><figcaption><p>구글애즈 화면</p></figcaption></figure>

② \[+ 새 전환 액션] 버튼을 클릭 합니다.

③ 웹사이트 전환을 선택 합니다.

<figure><img src="/files/GkJd9SjPM9n7MkGJq7Si" alt=""><figcaption><p>전환 액션 생성 화면</p></figcaption></figure>

**④** 추적할 웹사이트 도메인을 입력 합니다.

**⑤** 수동으로 전환 액션 추가를 클릭 합니다.

**⑥** 구글의 안내 절차에 따라 전환을 생성 후, 스니펫 코드를 발급 받습니다.

## 구글애즈 스크립트 예시 <a href="#undefined-3" id="undefined-3"></a>

### 상단 공통 <a href="#undefined-4" id="undefined-4"></a>

{% hint style="info" %}
스니펫 코드에서 발급 받은 구글애즈 아이디로 변경해주셔야 합니다.
{% endhint %}

```javascript
<!-- 예시 코드 -->
<script async 
        src="https://www.googletagmanager.com/gtag/js?id=계정아이디"> 
        // 계정 아이디 부분 변경 필요
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '계정아이디'); // 계정 아이디 부분을 변경해주세요
</script>
```

### 주문 완료 페이지 <a href="#undefined-5" id="undefined-5"></a>

{% hint style="info" %}
컨버전(전환)라벨 및 계정아이디 부분을 변경해 주셔야 합니다.
{% endhint %}

```javascript
<!-- 예시 코드 -->
<script>
  try {
    const { orderOptionsGroupByPartner = [], orderNo } = sb.order;

    const orderProducts = orderOptionsGroupByPartner.flatMap(
      ({ orderOptionsGroupByDelivery }) =>
        orderOptionsGroupByDelivery.flatMap(({ orderOptions }) => orderOptions)
    );

    const totalPrice = orderProducts.reduce((accumulator, product) => {
        return accumulator + (product.orderCnt * product.price.buyPrice);
    }, 0);
      
    gtag("event", "conversion", {
      send_to: "계정 아이디/컨버전 라벨",
      value: totalPrice,
      currency: "KRW",
      transaction_id: orderNo,
    });
  } catch (error) {
    console.error(error);
  }
</script>
```