> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anymorph.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 커스텀 스크립트 (Custom scripts)

> 생성된 페이지에 추적 태그와 직접 작성한 코드를 넣습니다.

**Custom scripts**(커스텀 스크립트)는 Anymorph가 만든 페이지에 측정 태그를 넣는 화면입니다. 생성된 페이지는 우리 본사이트와 별도로 서비스되기 때문에, 본사이트에 붙여둔 태그가 자동으로 따라오지 않습니다. 방문자 수와 전환을 보고 싶다면 여기서 ID를 입력해야 합니다.

<Frame>
  <img src="https://mintcdn.com/opactor/ueicEUgPZ5iGb5FG/images/settings/settings-scripts.png?fit=max&auto=format&n=ueicEUgPZ5iGb5FG&q=85&s=83a090d842531b3df68cf8fdfbe5e8bd" alt="커스텀 스크립트 화면. 연동 ID 입력란과 Head/Body 코드 입력란이 보입니다." width="1600" height="1151" data-path="images/settings/settings-scripts.png" />
</Frame>

## 화면 구성

### Custom Integrations

각 칸에 ID를 넣으면 그 연동이 켜지고, 비우면 꺼집니다. ID는 각 서비스에서 미리 만들어 두어야 합니다.

| 항목                     | 무엇을 넣나요 | 형식 예시          |
| ---------------------- | ------- | -------------- |
| **Google Tag Manager** | 컨테이너 ID | `GTM-XXXXXXX`  |
| **Google Analytics 4** | 측정 ID   | `G-XXXXXXXXXX` |
| **Meta Pixel**         | 픽셀 ID   | `1234567890`   |
| **HubSpot**            | 포털 ID   | `12345678`     |

형식이 맞지 않으면 저장 시 오류가 표시됩니다.

### Custom Code

직접 작성한 코드를 넣는 칸입니다.

| 항목               | 어디에 들어가나요               | 제한   |
| ---------------- | ----------------------- | ---- |
| **Head Scripts** | 페이지 머리 부분(`</head>` 직전) | 10KB |
| **Body Scripts** | 페이지 본문 끝(`</body>` 직전)  | 10KB |

칸 아래 "\[n] / 10KB" 표시가 한도를 넘으면 빨간색으로 바뀌고 **Save**가 막힙니다. 저장되면 "Scripts saved successfully" 안내가 뜹니다.

<Warning>
  이 화면은 열 때마다 빈 상태로 시작합니다. 저장해둔 값을 다시 불러오지 않으므로, **Save**를 누르면 지금 화면에 입력된 내용으로 전부 덮어씁니다. 태그를 하나만 바꾸려는 경우에도 기존 값을 모두 다시 입력한 뒤 저장하세요. 어떤 값을 넣어두었는지는 따로 기록해두는 것이 안전합니다.
</Warning>

## 이렇게 사용하세요

<Steps>
  <Step title="측정 도구에서 ID를 확인합니다">
    GA4는 측정 ID, GTM은 컨테이너 ID, Meta는 픽셀 ID, HubSpot은 포털 ID입니다. 각 서비스 관리 화면에서 복사해 옵니다.
  </Step>

  <Step title="이 화면에 모든 값을 입력합니다">
    바꾸려는 항목만이 아니라 쓰고 있는 모든 ID와 코드를 다시 채웁니다. 화면이 빈 상태로 시작하기 때문입니다.
  </Step>

  <Step title="Save를 누릅니다">
    "Scripts saved successfully"가 뜨면 반영된 것입니다. 이후 생성되는 페이지부터 태그가 들어갑니다.
  </Step>

  <Step title="실제 페이지에서 확인합니다">
    게시된 페이지를 열고 측정 도구의 실시간 화면에서 방문이 잡히는지 봅니다.
  </Step>
</Steps>

## 자주 묻는 질문

<AccordionGroup>
  <Accordion title="본사이트에 GA4를 붙였는데 생성 페이지는 왜 안 잡히나요?">
    생성 페이지는 별도로 서비스되기 때문입니다. 이 화면에 측정 ID를 넣어야 태그가 들어갑니다.
  </Accordion>

  <Accordion title="여기 넣은 코드가 우리 본사이트에도 적용되나요?">
    아니요. Anymorph가 만든 페이지에만 적용됩니다.
  </Accordion>

  <Accordion title="화면을 다시 열었더니 입력란이 비어 있습니다.">
    저장된 값을 다시 불러오지 않는 화면입니다. 값이 지워진 것은 아니지만, 저장할 때는 반드시 전체를 다시 입력하세요.
  </Accordion>

  <Accordion title="10KB를 넘으면 어떻게 하나요?">
    글자 수 표시가 빨간색이 되고 저장이 막힙니다. 코드를 줄이거나, 태그 관리 도구 하나로 묶어서 넣는 방법을 권합니다.
  </Accordion>

  <Accordion title="AI 답변을 통해 들어온 방문도 구분되나요?">
    [Performance](/ko/dashboard/performance)와 [AI 엔진 전환 보기](/ko/guides/ai-engine-conversions)에서 확인하세요.
  </Accordion>
</AccordionGroup>

## 함께 보면 좋은 페이지

<CardGroup cols={2}>
  <Card title="AI 엔진 전환 보기" href="/ko/guides/ai-engine-conversions">AI를 통한 유입을 측정하는 방법입니다.</Card>
  <Card title="성과" href="/ko/dashboard/performance">유입과 성과 지표를 봅니다.</Card>
  <Card title="연동" href="/ko/settings/integrations">GA4와 서치 콘솔을 연결합니다.</Card>
  <Card title="도메인" href="/ko/settings/domain">페이지를 서비스할 주소를 연결합니다.</Card>
</CardGroup>