스킨 변경을 하고 나면 이전에 배치했던 광고 위치를 새롭게 변경한 스킨 디자인에 맞게 재설정해줘야 합니다. 기존에 사용 중이었던 hELLO. 스킨에 배치해두었던 본문 상단 2개의 광고가 클릭률이 잘 나온 편이라 베이스캠프 스킨에도 적용해보았습니다. 수동으로 광고 코드를 HTML에 직접 삽입해야 하는 번거로움이 있으나 상단광고 클릭율이 애드센스 수익에서 차지하는 비율이 좋기때문에 아직 적용해보지 않으신 분들은 배치해보시길 추천드립니다. 다만 스킨 종류에 따라 광고 클릭율이 다를 수 있으니 참고하세요.
티스토리 본문 상단 수동 광고 2개 1행 2열 배치 방법
신규 광고 단위 만들기
디스플레이 광고 단위를 클릭합니다.
① 광고 단위 이름 지정
② 사각형 선택
③ 광고 크기 반응형 선택
④ 만들기 클릭
본문 상단에 배치할 2개의 광고 단위를 생성 후 코드 가져오기를 클릭합니다.
광고 단위 ID 복사하기
티스토리 스킨 편집
https://블로그 이름.tistory.com/manage
① 스킨 편집 클릭
② html 편집 클릭
광고 배치를 위해 html 편집창에 마우스 커서를 위치시킨 후 단축키 Ctrl + F를 누릅니다.
치환자
스킨 변경을 하고 나면 이전에 배치했던 광고 위치를 새롭게 변경한 스킨 디자인에 맞게 재설정해줘야 합니다. 기존에 사용 중이었던 hELLO. 스킨에 배치해두었던 본문 상단 2개의 광고가 클릭률이 잘 나온 편이라 베이스캠프 스킨에도 적용해보았습니다. 수동으로 광고 코드를 HTML에 직접 삽입해야 하는 번거로움이 있으나 상단광고 클릭율이 애드센스 수익에서 차지하는 비율이 좋기때문에 아직 적용해보지 않으신 분들은 배치해보시길 추천드립니다. 다만 스킨 종류에 따라 광고 클릭율이 다를 수 있으니 참고하세요. 디스플레이 광고 단위를 클릭합니다. ① 광고 단위 이름 지정 ② 사각형 선택 ③ 광고 크기 반응형 선택 ④ 만들기 클릭 본문 상단에 배치할 2개의 광고 단위를 생성 후 코드 가져오기를 클릭합니다. https://블로그 이름.tistory.com/manage ① 스킨 편집 클릭 ② html 편집 클릭 광고 배치를 위해 html 편집창에 마우스 커서를 위치시킨 후 단축키 Ctrl + F를 누릅니다. 치환자 입력 후 Enter키를 눌러 검색합니다. 해당 치환자는 스킨마다 코드 위치가 다르게 검색될 수 있고 같은 치환자가 여러 개 있을 수 있습니다. 그럴 경우에는 <s_tag_label> 태그 위쪽에 있는 치환자 위치에 광고 코드를 입력하면 됩니다. ① 본문 상단 광고 소스가 입력되어 있는 파일을 다운로드합니다. ② 메모장에서 파일을 오픈합니다. ③ 애드센스에서 생성한 2개의 광고 코드에서 상단 광고 1의 광고 단위 ID를 복사합니다. ④ 아래의 블록 처리된 코드를 삭제한 후 복사한 코드를 붙여 넣기 합니다. ⑤ 상단 광고 2도 같은 방법으로 수정합니다. ① 메모장에서 수정한 소스를 모두 복사합니다. ② 티스토리 스킨 HTML 편집에서 치환자 위쪽에 붙여 넣기 합니다. ③ 적용 버튼을 클릭합니다. 수동으로 배치한 상단 광고 2개가 1행 2열 방식으로 게재되었습니다. 아래 이미지를 보시면 수동 상단 광고 아래에 기존에 설정되어 있는 카카오 애드핏 광고와 애드센스 관리에서 설정한 본문 상단 광고가 순서대로 출력되고 있습니다. 수동으로 상단 광고를 배치했기 때문에 애드센스 관리 본문 상단 광고는 OFF로 설정 변경해줍니다. 그렇지 않을 경우 코드가 충돌하여 광고 출력이 제대로 되지 않는 문제가 발생될 수 있습니다. 원활한 광고 게재를 위해서 수동 광고와 애드센스 본문 상단 광고 중 한 가지 방식만 설정하시기를 권해드립니다. ① 애드센스 관리 클릭 ② 본문 상단 광고 OFF ③ 변경사항 저장 버튼 클릭 티스토리 본문 상단 수동 광고 2개 1행 2열 배치 방법
신규 광고 단위 만들기
광고 단위 ID 복사하기
티스토리 스킨 편집
상단광고 삽입 위치
HTML 파일 다운로드
<!-- 상단 광고 1 -->
<ins class="adsbygoogle post-top-first" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins><!-- 상단 광고 2 --> <ins class="adsbygoogle post-top-second" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
티스토리 글 본문 HTML 코드 삽입하기
본문 광고 게재 완료
애드센스 관리 설정 변경하기
애드센스 설정 변경 완료
해당 치환자는 스킨마다 코드 위치가 다르게 검색될 수 있고 같은 치환자가 여러 개 있을 수 있습니다.
그럴 경우에는 <s_tag_label> 태그 위쪽에 있는 치환자 위치에 광고 코드를 입력하면 됩니다.
상단광고 삽입 위치
HTML 파일 다운로드
① 본문 상단 광고 소스가 입력되어 있는 파일을 다운로드합니다.
② 메모장에서 파일을 오픈합니다.
③ 애드센스에서 생성한 2개의 광고 코드에서 상단 광고 1의 광고 단위 ID를 복사합니다.
④ 아래의 블록 처리된 코드를 삭제한 후 복사한 코드를 붙여 넣기 합니다.
<!-- 상단 광고 1 -->
<ins class="adsbygoogle post-top-first" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
⑤ 상단 광고 2도 같은 방법으로 수정합니다.
<!-- 상단 광고 2 --> <ins class="adsbygoogle post-top-second" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
티스토리 글 본문 HTML 코드 삽입하기
① 메모장에서 수정한 소스를 모두 복사합니다.
② 티스토리 스킨 HTML 편집에서 치환자
스킨 변경을 하고 나면 이전에 배치했던 광고 위치를 새롭게 변경한 스킨 디자인에 맞게 재설정해줘야 합니다. 기존에 사용 중이었던 hELLO. 스킨에 배치해두었던 본문 상단 2개의 광고가 클릭률이 잘 나온 편이라 베이스캠프 스킨에도 적용해보았습니다. 수동으로 광고 코드를 HTML에 직접 삽입해야 하는 번거로움이 있으나 상단광고 클릭율이 애드센스 수익에서 차지하는 비율이 좋기때문에 아직 적용해보지 않으신 분들은 배치해보시길 추천드립니다. 다만 스킨 종류에 따라 광고 클릭율이 다를 수 있으니 참고하세요. 디스플레이 광고 단위를 클릭합니다. ① 광고 단위 이름 지정 ② 사각형 선택 ③ 광고 크기 반응형 선택 ④ 만들기 클릭 본문 상단에 배치할 2개의 광고 단위를 생성 후 코드 가져오기를 클릭합니다. https://블로그 이름.tistory.com/manage ① 스킨 편집 클릭 ② html 편집 클릭 광고 배치를 위해 html 편집창에 마우스 커서를 위치시킨 후 단축키 Ctrl + F를 누릅니다. 치환자 입력 후 Enter키를 눌러 검색합니다. 해당 치환자는 스킨마다 코드 위치가 다르게 검색될 수 있고 같은 치환자가 여러 개 있을 수 있습니다. 그럴 경우에는 <s_tag_label> 태그 위쪽에 있는 치환자 위치에 광고 코드를 입력하면 됩니다. ① 본문 상단 광고 소스가 입력되어 있는 파일을 다운로드합니다. ② 메모장에서 파일을 오픈합니다. ③ 애드센스에서 생성한 2개의 광고 코드에서 상단 광고 1의 광고 단위 ID를 복사합니다. ④ 아래의 블록 처리된 코드를 삭제한 후 복사한 코드를 붙여 넣기 합니다. ⑤ 상단 광고 2도 같은 방법으로 수정합니다. ① 메모장에서 수정한 소스를 모두 복사합니다. ② 티스토리 스킨 HTML 편집에서 치환자 위쪽에 붙여 넣기 합니다. ③ 적용 버튼을 클릭합니다. 수동으로 배치한 상단 광고 2개가 1행 2열 방식으로 게재되었습니다. 아래 이미지를 보시면 수동 상단 광고 아래에 기존에 설정되어 있는 카카오 애드핏 광고와 애드센스 관리에서 설정한 본문 상단 광고가 순서대로 출력되고 있습니다. 수동으로 상단 광고를 배치했기 때문에 애드센스 관리 본문 상단 광고는 OFF로 설정 변경해줍니다. 그렇지 않을 경우 코드가 충돌하여 광고 출력이 제대로 되지 않는 문제가 발생될 수 있습니다. 원활한 광고 게재를 위해서 수동 광고와 애드센스 본문 상단 광고 중 한 가지 방식만 설정하시기를 권해드립니다. ① 애드센스 관리 클릭 ② 본문 상단 광고 OFF ③ 변경사항 저장 버튼 클릭 티스토리 본문 상단 수동 광고 2개 1행 2열 배치 방법
신규 광고 단위 만들기
광고 단위 ID 복사하기
티스토리 스킨 편집
상단광고 삽입 위치
HTML 파일 다운로드
<!-- 상단 광고 1 -->
<ins class="adsbygoogle post-top-first" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins><!-- 상단 광고 2 --> <ins class="adsbygoogle post-top-second" data-ad-client="ca-pub-게시자 ID" data-ad-slot="광고 단위 ID" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
티스토리 글 본문 HTML 코드 삽입하기
본문 광고 게재 완료
애드센스 관리 설정 변경하기
애드센스 설정 변경 완료
③ 적용 버튼을 클릭합니다.
본문 광고 게재 완료
수동으로 배치한 상단 광고 2개가 1행 2열 방식으로 게재되었습니다.
아래 이미지를 보시면 수동 상단 광고 아래에 기존에 설정되어 있는 카카오 애드핏 광고와 애드센스 관리에서 설정한 본문 상단 광고가 순서대로 출력되고 있습니다. 수동으로 상단 광고를 배치했기 때문에 애드센스 관리 본문 상단 광고는 OFF로 설정 변경해줍니다.
그렇지 않을 경우 코드가 충돌하여 광고 출력이 제대로 되지 않는 문제가 발생될 수 있습니다. 원활한 광고 게재를 위해서 수동 광고와 애드센스 본문 상단 광고 중 한 가지 방식만 설정하시기를 권해드립니다.
애드센스 관리 설정 변경하기
① 애드센스 관리 클릭
② 본문 상단 광고 OFF
③ 변경사항 저장 버튼 클릭
애드센스 설정 변경 완료