지난 포스팅을 통해 티스토리 블로그에 구글 애드센스 광고를 연동해 보았습니다. 혹시 아직 연동하지 않으신 분들은 이전 글을 참고해 주시기 바랍니다. 이번 포스팅에서는 이미 승인까지 완료되신 분들을 위해, 사이드바에 직접 구글 애드센스 광고를 넣어 보겠습니다.
💡티스토리 블로그에서 구글 애드센스 광고 연동해서 수익을 내보자!
💡티스토리 블로그에서 구글 애드센스 광고 연동해서 수익을 내보자!
티스토리 블로그에 구글 애드센스를 연동하여 수익을 창출하는 과정은 몇 가지 핵심 단계를 통해 진행됩니다. 특히 검증 과정에서 실패를 방지하기 위해 충분한 준비가 중요합니다. ⚙️ 애드
intelwarehouse.tistory.com
⚙️ 티스토리 구글 연동 및 자동 광고 해제하기
광고를 수동으로 배치하기 위해서는 티스토리와 구글 애드센스 페이지에서 몇 가지 설정을 해제해야 합니다. 이는 티스토리의 강제 광고 노출을 막고, 광고를 원하는 위치에 자유롭게 배치하기 위함입니다.
⛓️💥티스토리 구글 연동 해제
먼저 블로그 관리자 페이지로 이동하여 [수익] 메뉴의 [애드센스 관리]를 선택합니다. 상단에 보이는 '연동 해제' 버튼을 클릭하시면 됩니다. 연동을 해제해도 광고 수익에 영향을 주지 않으므로 걱정하지 않으셔도 됩니다.
티스토리에서 구글 애드센스 연동을 하면 티스토리 자체 광고가 강제로 본문 내용 상/하단에 광고가 출력됩니다. 이는 연동을 한 번이라도 하면 강제 적용되서 해제해도 계속 나옵니다. 이를 풀려면 카카오 고객센터에 직접 문의해야하는데 이러면 오히려 구글 광고 코드 삽입에 문제가 생길 수 있으니 연동 해제만하고 그대로 두면 됩니다.
⛓️💥구글 애드센스 자동 광고 해제
다음으로 구글 애드센스 관리 페이지로 이동하여 좌측 메뉴 중 [광고]를 선택합니다. 여러분의 블로그 URL 옆에 있는 ✏️ 모양의 아이콘을 클릭하면 광고 설정 페이지로 이동됩니다. 우측에 보이는 '자동 광고 활성화' 스위치를 클릭하여 비활성화한 뒤, 우측 하단의 '사이트에 적용' 버튼을 눌러 완료합니다.
위 두 단계를 완료하셨다면, 이제 본격적으로 광고 코드를 수동으로 삽입할 준비가 끝난 것입니다.
🔧 광고 생성 및 사이드바에 추가하기
이제 사이드바에 넣을 광고 단위를 직접 만들어 보겠습니다. 구글 애드센스 관리 페이지의 [광고] 메뉴로 이동한 뒤, 상단의 '광고 단위 기준' 탭을 선택하면 광고 만들기 페이지가 나타납니다. 아래 보이는 4가지 광고 유형에 대해서 간단하게 설명하면 아래와 같습니다.
- 디스플레이 광고: 가장 일반적인 이미지 배너 형태의 광고입니다. 크기를 자유롭게 조절할 수 있어 사이드바에 가장 적합하며, 본문 내에도 삽입이 가능합니다.
- 인피드 광고: 콘텐츠 목록 사이에 자연스럽게 배치되는 광고입니다. 카테고리 페이지나 메인 페이지의 게시글 목록에 어울립니다.
- 인아티클 광고: 게시글 본문 내용 사이에 삽입되는 광고로, 글의 흐름을 방해하지 않고 자연스럽게 노출됩니다.
- 멀티플렉스 광고: 여러 개의 광고가 격자 형태로 한 번에 표시되는 광고입니다. 주로 게시글 하단에 '관련 게시글'과 유사한 형태로 배치하여 광고 효과를 극대화합니다.
이 중에서 사이드바에 넣을 '디스플레이 광고'를 생성해 보겠습니다.
- 광고 단위 생성: '신규 광고 단위 만들기' 아래에 있는 '디스플레이 광고'를 클릭합니다. 디스플레이 광고는 이미지 배너 형태로, 크기를 다양하게 조절할 수 있어 사이드바에 사용하기 가장 적합합니다.
- 광고 이름 및 크기 설정: 광고 단위를 만드는 페이지에서 이름을 작성합니다. 예를 들어 '사각형 광고 (사이드바)'와 같이 알아보기 쉽게 지정하면 좋습니다. 광고 크기는 '반응형'을 선택하고 우측 하단의 '만들기'를 누릅니다.
- 광고 코드 복사: 광고가 생성되면 HTML 코드가 나타납니다. 이 코드의 맨 위에 있는 스크립트는 이미 구글 애드센스 승인 과정에서 블로그 HTML에 삽입한 광고 코드와 같은 스크립트이기 때문에 중복해서 넣을 필요 없습니다. `<ins>` 태그부터 맨 아래 `</script>` 태그까지의 코드를 복사합니다.
이제 복사한 코드를 티스토리 블로그 사이드바에 추가하겠습니다.
- HTML 배너 위젯 추가: 블로그 관리자 페이지의 [꾸미기] - [사이드바] 메뉴로 이동합니다. 우측에 있는 'HTML 배너출력'의 `+` 버튼을 눌러 사이드바에 추가합니다.
- 코드 삽입 및 편집: 추가된 HTML 배너출력 위젯에 마우스를 올리면 '편집' 버튼이 나타납니다. 이 버튼을 클릭하여 소스 코드 입력 창에 복사한 코드를 붙여넣습니다.
⚠️ 만약 'HTML 배너 출력'이 안 보인다면 플러그인의 '배너출력'을 적용하면 됩니다.
- 광고 정렬 및 여백 설정: 코드를 붙여넣은 뒤, 그 코드 전체를 `<div style="text-align: center; margin: 10px;">`와 `</div> `태그로 감싸줍니다. 이렇게 하면 광고가 로드될 수 있는 영역을 지정해서 가운데에 깔끔하게 정렬되고, 주변에 여백이 생겨 광고가 깨지는 것(로드 실패)을 방지할 수 있습니다.
- 저장: 이름을 지정하고 '확인' 버튼을 누른 뒤, 사이드바 위치를 조절하고 '변경사항 저장'을 클릭하면 사이드바 광고 추가가 완료됩니다.
🔍 광고 확인 및 유의사항
광고 코드를 추가하더라도 광고가 즉시 표시되지 않을 수 있습니다. 보통 몇 분에서 최대 한 시간 정도의 시간이 소요됩니다.
- 광고 확인 팁: 웹 브라우저 창을 최대화하여 사이드바가 접히지 않도록 한 뒤, 블로그 메인 화면이나 다른 게시글로 이동하며 광고가 로드되는지 확인합니다. 같은 페이지에서 반복적으로 새로고침하는 것보다 페이지를 전환하는 것이 더 효과적입니다.
- 사이드바 너비: 사이드바 광고의 적합한 직사각형 광고의 일반적인 크기는 300x250px 또는 336x280px이므로, 미리 사이드바의 가로 너비를 충분히 확보해두시면 좋습니다.
지금까지 티스토리 사이드바에 구글 애드센스 광고를 직접 넣는 방법에 대해 자세히 설명해 드렸습니다.
감사합니다.