[GitHub] GitHub Pages AdSense 설정

- GitHub Pages는 정적 사이트만 지원

 

1. Google AdSense에 가입하고 사이트 등록

- 우측 사이트 탭에서 사이트 등록

- custom domain을 연결

- ads.txt 파일 추가

google.com, pub-XXXXXXXXXXXXXXXX, DIRECT, f08c47fec0942fa0

 

- google.com → 광고 판매자(AdSense)

- pub-XXXXXXXXXXXXXXXX → 네 광고 계정의 퍼블리셔 ID (AdSense 대시보드에서 확인 가능)

- DIRECT → 직접 판매하는 경우 DIRECT, 중개자를 거치는 경우 RESELLER

- f08c47fec0942fa0 → Google AdSense의 인증된 광고 교환 ID (항상 동일함)

 

2. AdSense 코드 추가

- AdSense 승인 후, 광고 코드를 받아서 HTML 파일에 추가

<!-- Google AdSense 코드 -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-XXXXXXXXXXXXXXX", // 여기에 AdSense 코드 입력
        enable_page_level_ads: true
    });
</script>

3. 광고 배너 삽입

- 특정 위치에 광고 넣기

<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
    data-ad-slot="XXXXXXXXXX"
    data-ad-format="auto"
    data-full-width-responsive="true"></ins>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({});
</script>

4. HTTPS와 CORS 문제 해결

- GitHub Pages는 HTTPS를 사용하기 때문에 crossorigin="anonymous" 속성을 추가하여 오류 방지