fastboot 본문 우측상단 구글 애드센스 광고 만들기
[구글 애드센스 쉽게 따라하기] 본문 우측 상단 구글 애드센스 광고 넣기
구글 애드센스 광고를 여기 저기 넣을 수 있지만 그래도 가장 효과가 좋은 곳은 메인화면 보다는 본문 화면이다. 아무래도 블로그로 유입되는 대다수는 블로그 주소를 직접 입력해서 메인으로 들어오는 것이 아니라 키워드 검색을 통해 해당 포스팅 본문으로 직접 들어오는 경우가 더 많기 때문이다. 그러므로 처음 접하는 곳이 본문이고 본문에 보이는 광고를 보게 된다.
오늘은 그중 가장 먼저 광고 노출이 일어 날 수 있는 본문의 맨 상단, 특히 본문 우측에 넣는 광고에 대해 알아보겠다.
일단 본문 우측상단 광고는 아래 그림의 위치를 말한다.
모바일에서는 아래 그림처럼 보인다.
이 위치에 광고를 넣기 위해 구글 애드센스로 들어가 광고 코드를 생성한다.
다시한번 말하지만 모든 광고를 배치하기 위해서는 광고코드를 먼저 생성해 놔야 한다.
구글 애드센스 광고 코드 만드는 방법은 이미 설명해 놨다. 아직 모르는 분들은 아래 링크로 들어가서 일단 광고 코드를 만드는 방법을 알아보기 바란다.
[IT & WEB/티스토리 쉽게 따라하기] - fastboot 메인화면 상단 구글 애드센스 배너광고 만들기
광고 크기는 데스크탑은 336 * 280 정도의 사이즈로 보여지고 모바일에서는 200 * 200 의 작은 정사각형 애드센스가 보여진다.
반응형이라 이렇게 데크스탑과 모바일에서 광고 크기가 다르게 노출이 된다.
구글 애드센스에서 반응형 광고코드를 생성한다. 생성된 코드를 복사하여 메모장을 열어 붙여넣기를 해 놓는다.
구글 애드센스 광고 코드가 준비 되었다면 이제 본문 우측 상단에 삽입하는 방법에 대해 알아보겠다.
우선 블로그관리홈> 꾸미기> 스킨편집 으로 들어간다. 왼쪽은 블로그, 오른쪽은 스킨 편집창이 나오는데 오른쪽 편집창에서 html편집을 클릭한다.
그럼 전체 스킨 html 소스창이 나온다. 소스창 아무대나 놓고 Ctrl+F 를 눌러 검색창을 활성화한 후 ##_article_rep_desc 를 검색한다.
[구글 애드센스 쉽게 따라하기] 본문 우측 상단 구글 애드센스 광고 넣기 구글 애드센스 광고를 여기 저기 넣을 수 있지만 그래도 가장 효과가 좋은 곳은 메인화면 보다는 본문 화면이다. 아무래도 블로그로 유입되는 대다수는 블로그 주소를 직접 입력해서 메인으로 들어오는 것이 아니라 키워드 검색을 통해 해당 포스팅 본문으로 직접 들어오는 경우가 더 많기 때문이다. 그러므로 처음 접하는 곳이 본문이고 본문에 보이는 광고를 보게 된다. 오늘은 그중 가장 먼저 광고 노출이 일어 날 수 있는 본문의 맨 상단, 특히 본문 우측에 넣는 광고에 대해 알아보겠다. 일단 본문 우측상단 광고는 아래 그림의 위치를 말한다. 모바일에서는 아래 그림처럼 보인다. 이 위치에 광고를 넣기 위해 구글 애드센스로 들어가 광고 코드를 생성한다. 다시한번 말하지만 모든 광고를 배치하기 위해서는 광고코드를 먼저 생성해 놔야 한다. 구글 애드센스 광고 코드 만드는 방법은 이미 설명해 놨다. 아직 모르는 분들은 아래 링크로 들어가서 일단 광고 코드를 만드는 방법을 알아보기 바란다. [IT & WEB/티스토리 쉽게 따라하기] - fastboot 메인화면 상단 구글 애드센스 배너광고 만들기 광고 크기는 데스크탑은 336 * 280 정도의 사이즈로 보여지고 모바일에서는 200 * 200 의 작은 정사각형 애드센스가 보여진다. 반응형이라 이렇게 데크스탑과 모바일에서 광고 크기가 다르게 노출이 된다.
구글 애드센스에서 반응형 광고코드를 생성한다. 생성된 코드를 복사하여 메모장을 열어 붙여넣기를 해 놓는다. 구글 애드센스 광고 코드가 준비 되었다면 이제 본문 우측 상단에 삽입하는 방법에 대해 알아보겠다. 우선 블로그관리홈> 꾸미기> 스킨편집 으로 들어간다. 왼쪽은 블로그, 오른쪽은 스킨 편집창이 나오는데 오른쪽 편집창에서 html편집을 클릭한다. 그럼 전체 스킨 html 소스창이 나온다. 소스창 아무대나 놓고 Ctrl+F 를 눌러 검색창을 활성화한 후 ##_article_rep_desc 를 검색한다. 윗부분에 앞으로 수정할 코드를 붙여 넣으면 된다. 아래 첨부파일을 다운받아 메모장을 연다. 그럼 아래 그림 같은 소스가 보일 것이다. 여기서 수정할 곳은 ● 부분과 ★ 부분이다. 구글 애드센스 광고 코드를 붙여 넣었던 메모장을 연다. 코드들 중에 data-ad-client="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ●를 지우고 그곳에 복사한 숫자를 붙여 넣는다. 그리고 다시 data-ad-slot="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ★를 지우고 그곳에 복사한 숫자를 붙여 넣는다. 참고로 다운받은 소스에는 데스크탑용과 모바일용 각각 두곳씩 수정해야 한다. 수정이 끝났으면 수정한 소스 전체를 복사한후 다시 스킨 편집창으로 가서 윗부분에 붙여넣기를 한다. 이제 우측상단 저장을 클릭하고 나와 블로그 본문으로 가보면 우측 상단에 광고가 떠 있는걸 확인할 수 있다. 처음에는 빈칸으로 보일 수 있으나 조금 시간을 갖고 난 후 다시 들어가 보면 광고가 보일 것이다.
본문우측상단200_200소스.txt
아래 첨부파일을 다운받아 메모장을 연다.
그럼 아래 그림 같은 소스가 보일 것이다.
여기서 수정할 곳은 ● 부분과 ★ 부분이다.
구글 애드센스 광고 코드를 붙여 넣었던 메모장을 연다.
코드들 중에 data-ad-client="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ●를 지우고 그곳에 복사한 숫자를 붙여 넣는다.
그리고 다시 data-ad-slot="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ★를 지우고 그곳에 복사한 숫자를 붙여 넣는다.
참고로 다운받은 소스에는 데스크탑용과 모바일용 각각 두곳씩 수정해야 한다.
수정이 끝났으면 수정한 소스 전체를 복사한후 다시 스킨 편집창으로 가서
[구글 애드센스 쉽게 따라하기] 본문 우측 상단 구글 애드센스 광고 넣기 구글 애드센스 광고를 여기 저기 넣을 수 있지만 그래도 가장 효과가 좋은 곳은 메인화면 보다는 본문 화면이다. 아무래도 블로그로 유입되는 대다수는 블로그 주소를 직접 입력해서 메인으로 들어오는 것이 아니라 키워드 검색을 통해 해당 포스팅 본문으로 직접 들어오는 경우가 더 많기 때문이다. 그러므로 처음 접하는 곳이 본문이고 본문에 보이는 광고를 보게 된다. 오늘은 그중 가장 먼저 광고 노출이 일어 날 수 있는 본문의 맨 상단, 특히 본문 우측에 넣는 광고에 대해 알아보겠다. 일단 본문 우측상단 광고는 아래 그림의 위치를 말한다. 모바일에서는 아래 그림처럼 보인다. 이 위치에 광고를 넣기 위해 구글 애드센스로 들어가 광고 코드를 생성한다. 다시한번 말하지만 모든 광고를 배치하기 위해서는 광고코드를 먼저 생성해 놔야 한다. 구글 애드센스 광고 코드 만드는 방법은 이미 설명해 놨다. 아직 모르는 분들은 아래 링크로 들어가서 일단 광고 코드를 만드는 방법을 알아보기 바란다. [IT & WEB/티스토리 쉽게 따라하기] - fastboot 메인화면 상단 구글 애드센스 배너광고 만들기 광고 크기는 데스크탑은 336 * 280 정도의 사이즈로 보여지고 모바일에서는 200 * 200 의 작은 정사각형 애드센스가 보여진다. 반응형이라 이렇게 데크스탑과 모바일에서 광고 크기가 다르게 노출이 된다.
구글 애드센스에서 반응형 광고코드를 생성한다. 생성된 코드를 복사하여 메모장을 열어 붙여넣기를 해 놓는다. 구글 애드센스 광고 코드가 준비 되었다면 이제 본문 우측 상단에 삽입하는 방법에 대해 알아보겠다. 우선 블로그관리홈> 꾸미기> 스킨편집 으로 들어간다. 왼쪽은 블로그, 오른쪽은 스킨 편집창이 나오는데 오른쪽 편집창에서 html편집을 클릭한다. 그럼 전체 스킨 html 소스창이 나온다. 소스창 아무대나 놓고 Ctrl+F 를 눌러 검색창을 활성화한 후 ##_article_rep_desc 를 검색한다. 윗부분에 앞으로 수정할 코드를 붙여 넣으면 된다. 아래 첨부파일을 다운받아 메모장을 연다. 그럼 아래 그림 같은 소스가 보일 것이다. 여기서 수정할 곳은 ● 부분과 ★ 부분이다. 구글 애드센스 광고 코드를 붙여 넣었던 메모장을 연다. 코드들 중에 data-ad-client="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ●를 지우고 그곳에 복사한 숫자를 붙여 넣는다. 그리고 다시 data-ad-slot="숫자" 부분을 찾아 숫자부분만 복사하여 다운받은 메모장의 ★를 지우고 그곳에 복사한 숫자를 붙여 넣는다. 참고로 다운받은 소스에는 데스크탑용과 모바일용 각각 두곳씩 수정해야 한다. 수정이 끝났으면 수정한 소스 전체를 복사한후 다시 스킨 편집창으로 가서 윗부분에 붙여넣기를 한다. 이제 우측상단 저장을 클릭하고 나와 블로그 본문으로 가보면 우측 상단에 광고가 떠 있는걸 확인할 수 있다. 처음에는 빈칸으로 보일 수 있으나 조금 시간을 갖고 난 후 다시 들어가 보면 광고가 보일 것이다.
이제 우측상단 저장을 클릭하고 나와 블로그 본문으로 가보면 우측 상단에 광고가 떠 있는걸 확인할 수 있다.
처음에는 빈칸으로 보일 수 있으나 조금 시간을 갖고 난 후 다시 들어가 보면 광고가 보일 것이다.
이 글을 공유합시다
