000.

시작하기 전에 확인하세요

  1. Ad-Shield 대시보드에서 광고 보호 프록시를 미리 생성해야합니다.

    <aside> ⚠️ 아직 광고 보호 프록시를 생성하지 않았다면, 아래 링크에서 광고 보호 프록시를 생성하세요!

    </aside>

    광고 보호 Proxy 생성 가이드

  2. CloudFront에 웹사이트 Distribution이 미리 생성되어있어야 합니다.

001.

Origin을 변경합니다

  1. 프록시를 적용하려는 웹사이트의 Distribution에 접속하여, Origins and Origin Groups 탭을 클릭해주세요.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aaa1b4f8-e84b-405a-85bc-970c7aef372d/Untitled.png

  2. 적용할 Origin을 선택하여 Edit 버튼을 누른 후, Origin Domain Name 항목에 [proxy.ad-shield.io](<http://proxy.ad-shield.io>) 를 입력해주세요.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd068af6-b0eb-49a8-a05c-b8bfeaf54e8a/Untitled.png

  3. 우측 하단의 Yes, Edit 버튼을 클릭하여 저장해주세요.

002.

Behavior를 설정합니다

<aside> 💡 Proxy에서 필요한 헤더나 데이터를 전달하기 위한 작업입니다. 조금 복잡할 수 있지만 차근차근 진행해주세요!

</aside>

  1. 001. Origin을 변경합니다 와 마찬가지로, 프록시를 적용하려는 웹사이트의 Distribution에 접속하여 이번에는 Behaviors 탭을 클릭해주세요.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cf10783c-6f3c-498c-9a45-8cdb871f221d/Untitled.png

  2. 프록시 적용을 원하는 Behavior를 선택하여 Edit 버튼을 누르고, Allowed HTTP MethodsGET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE 로 설정해주세요.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ad5fc09-6e48-4e3b-8683-cd7412c94ca0/Untitled.png

  3. 그 아래에 있는 Cache and origin request settingsUse a cache policy and origin request policy 으로 설정한 후, Origin Request Policy 를 생성하거나 이미 있는 경우 View policy details 버튼을 클릭하고 Edit 버튼을 클릭하여 수정 화면으로 들어갑니다.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2837317f-da1c-4dc6-b8de-80ab50edb9ef/Untitled.png

  4. Origin Request Policy 설정 화면에서 Origin request contentsHeadersAll viewer Headers 로, Query StringsAll 로 설정해주세요. 우측 하단의 Save Policy 버튼을 클릭하여 저장합니다.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/df9ef124-1540-45d5-bf95-9eaf60ed320c/Untitled.png

    003.

    모든 준비가 끝났습니다

    <aside> 💡 홈페이지에서 아래와 같이 광고가 나온다면, 성공적으로 연동이 완료되었습니다! 🎉

    </aside>

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9d809c5b-0c1d-4602-9816-5141e9eaec9a/Untitled.png

    <aside> ❓ 연동이 잘 안되나요? 우측 하단의 Live Chat을 이용해서 문의주시면 연동에 도움을 드리겠습니다!

    </aside>