안녕하세요
상인 입니다
티스토리 블로그의 애드센스 플러그인 버튼이 사라진 분들에게 상단광고 2개를 넣는 방법을 소개하려고 합니다. 플러그인이 있으신 분들에게는 쉬운 방법이지만 저는 티스토리와 애드센스 수익을 연동하면서 플러그인 버튼이 사라진 상황이었습니다. 그래서 티스토리 본문 상단에 광고를 2개 넣는 방법을 찾아보다 생각보다 쉬운 편이라서 다른 분들도 도움이 되었으면 해서 이 포스팅을 합니다.
순서대로 따라 하시면 3분 이내에 적용할 수 있을 정도로 간단합니다.
1. 애드센스 홈페이지
먼저 상단광고에 넣을 광고 코드를 만들어보겠습니다.
구글 애드센스 사이트 - 광고 - 개요 - 광고 단위 기준 - 디스플레이 광고를 클릭합니다.
1. 광고 코드의 이름을 설정
2. 광고 크기는 반응형으로 해주세요
3. 만들기 버튼을 눌러주세요
광고 코드 만들기 버튼을 눌러주면 위에 화면처럼 나오게 될 것입니다.
블러시 한 부분 중 data-ad-client="ca-pub-xxxxxxxxxxx"는 게시자 ID이고 data-ad-slot="xxxxxxxxxxxx"는 광고 단위 ID입니다. 게시자 ID와 광고 단위 ID를 스티커 메모장이나 일반 메모장에 복사해놓으세요.
상단광고 1개의 코드를 완성했습니다. 위와 똑같은 방법으로 2번째 코드까지 만들어주세요.
게시자 ID는 상단광고 1-1과 1-2는 동일하지만, 광고 단위 ID는 두 개가 다릅니다.
위의 txt 파일을 다운로드하여주세요.
에드센스 상단광고 2개. txt 파일은 메모장에 기록되어있는 것입니다.
위의 파일을 받고 열어보면 사진과 똑같이 나오는데요. 위에서 복사해놓은 게시자 ID와 광고 단위 ID를 넣어주세요.
여기까지 했으면 애드센스 홈페이지에서 해야 되는 부분은 끝났습니다.
다음은 티스토리에서 적용시키는 방법을 알아보겠습니다.
티스토리 블로그
■ 티스토리 블로그 관리 홈 - 스킨 편집을 눌러주세요 (블로그 관리 화면상 왼쪽 메뉴에 있습니다)
■ 스킨 편집을 클릭 후 다음 화면에서 오른쪽 화면 상단 부분에 HTML 편집을 클릭해주세요.
■ html 편집 창에서 아무 곳에나 커서를 잡고 Ctrl + F를 눌러 검색창은 띄운 후 ##_article_rep_desc_## 입력하고 검색해주세요.
안녕하세요 상인 입니다 티스토리 블로그의 애드센스 플러그인 버튼이 사라진 분들에게 상단광고 2개를 넣는 방법을 소개하려고 합니다. 플러그인이 있으신 분들에게는 쉬운 방법이지만 저는 티스토리와 애드센스 수익을 연동하면서 플러그인 버튼이 사라진 상황이었습니다. 그래서 티스토리 본문 상단에 광고를 2개 넣는 방법을 찾아보다 생각보다 쉬운 편이라서 다른 분들도 도움이 되었으면 해서 이 포스팅을 합니다. 순서대로 따라 하시면 3분 이내에 적용할 수 있을 정도로 간단합니다. 먼저 상단광고에 넣을 광고 코드를 만들어보겠습니다. 구글 애드센스 사이트 - 광고 - 개요 - 광고 단위 기준 - 디스플레이 광고를 클릭합니다. 1. 광고 코드의 이름을 설정 2. 광고 크기는 반응형으로 해주세요 3. 만들기 버튼을 눌러주세요 광고 코드 만들기 버튼을 눌러주면 위에 화면처럼 나오게 될 것입니다. 블러시 한 부분 중 data-ad-client="ca-pub-xxxxxxxxxxx"는 게시자 ID이고 data-ad-slot="xxxxxxxxxxxx"는 광고 단위 ID입니다. 게시자 ID와 광고 단위 ID를 스티커 메모장이나 일반 메모장에 복사해놓으세요. 상단광고 1개의 코드를 완성했습니다. 위와 똑같은 방법으로 2번째 코드까지 만들어주세요. 게시자 ID는 상단광고 1-1과 1-2는 동일하지만, 광고 단위 ID는 두 개가 다릅니다. 위의 txt 파일을 다운로드하여주세요. 에드센스 상단광고 2개. txt 파일은 메모장에 기록되어있는 것입니다. 위의 파일을 받고 열어보면 사진과 똑같이 나오는데요. 위에서 복사해놓은 게시자 ID와 광고 단위 ID를 넣어주세요. 여기까지 했으면 애드센스 홈페이지에서 해야 되는 부분은 끝났습니다. 다음은 티스토리에서 적용시키는 방법을 알아보겠습니다. ■ 티스토리 블로그 관리 홈 - 스킨 편집을 눌러주세요 (블로그 관리 화면상 왼쪽 메뉴에 있습니다) ■ 스킨 편집을 클릭 후 다음 화면에서 오른쪽 화면 상단 부분에 HTML 편집을 클릭해주세요. ■ html 편집 창에서 아무 곳에나 커서를 잡고 Ctrl + F를 눌러 검색창은 띄운 후 ##_article_rep_desc_## 입력하고 검색해주세요. 치환자 위치를 찾으시면 됩니다. 대략 420~450번대에 있을 것입니다. ■ 위의 html창을 보면 [##_article_rep_desc_##]을 기준으로 위쪽은 본문 상단에 광고가 표시되며, 아랫부분은 하단에 광고가 표시됩니다. 저희는 상단에 넣기 위한 방법이므로 메모장에 만들어놓은 코드를 본문 상단 영역에 넣어주시고 적용 버튼을 눌러주세요 ■ 여기까지가 html 편집에서 완성된 예시입니다. ■ 티스토리 블로그 홈 - 수익 - 애드센스 관리를 클릭해주세요 ■ 애드센스 관리 - 광고 설정 - 본문 상단 - 수정 클릭 ■ PC는 선택 안 함으로 해주셔야합니다. 모바일의 경우 선택안함으로 해주면 모바일 상단광고가 안 나오게 됩니다. ■ 모든 과정이 완료가 되었습니다. 여러분들의 모든 포스팅에는 상단광고가 2개씩 나오게 될 것입니다. 상단광고가 2개이다 보니 아무래도 클릭면에서 더 도움이 되지 않을까 싶네요ㅎ 이상으로 티스토리 상단광고 2개 넣는 방법이었습니다. 저의 포스팅이 조금이나마 도움이 되셨다면 공감♥ 한번 꾸욱 눌러주세요~ㅎ 즐거운 하루 보내세요1. 애드센스 홈페이지
티스토리 블로그
티스토리 - 애드센스 관리
■ 위의 html창을 보면 [##_article_rep_desc_##]을 기준으로 위쪽은 본문 상단에 광고가 표시되며, 아랫부분은 하단에 광고가 표시됩니다. 저희는 상단에 넣기 위한 방법이므로 메모장에 만들어놓은 코드를 본문 상단 영역에 넣어주시고 적용 버튼을 눌러주세요
■ 여기까지가 html 편집에서 완성된 예시입니다.
티스토리 - 애드센스 관리
■ 티스토리 블로그 홈 - 수익 - 애드센스 관리를 클릭해주세요
■ 애드센스 관리 - 광고 설정 - 본문 상단 - 수정 클릭
■ PC는 선택 안 함으로 해주셔야합니다. 모바일의 경우 선택안함으로 해주면 모바일 상단광고가 안 나오게 됩니다.
■ 모든 과정이 완료가 되었습니다. 여러분들의 모든 포스팅에는 상단광고가 2개씩 나오게 될 것입니다. 상단광고가 2개이다 보니 아무래도 클릭면에서 더 도움이 되지 않을까 싶네요ㅎ
이상으로 티스토리 상단광고 2개 넣는 방법이었습니다.
저의 포스팅이 조금이나마 도움이 되셨다면 공감♥ 한번 꾸욱 눌러주세요~ㅎ
즐거운 하루 보내세요
'블로그' 카테고리의 다른 글
| 카카오 애드핏 승인되었습니다!! (79) | 2020.11.30 |
|---|---|
| 애드센스 승인났어요!! 애드고시합격후기!! (51) | 2020.11.25 |
댓글