이번 포스팅에서는 티스토리 블로그에 광고를 다는 방법을 정리해 보았습니다.
데스크탑의 웹브라우저
티스토리 블로그 본문의 상단, 하단.
티스토리 블로그 본문의 오른쪽 사이드바
모바일 웹브라우저
티스토리 블로그 본문의 상단, 하단
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서 배너출력 클릭! -> 확인 클릭!
확인을 누르고~
'HTML 배너출력'을 드래그한 다음 편집을 누른 뒤
HTML 코드를 넣고 확인을 눌러주면 됩니다.
사이드바게시 끝!
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서
'Google AdSense(데스크탑 웹용)'과 'Google AdSense(모바일용)'를 찾습니다.
우선 'Google AdSense(데스크탑 웹용)'을 클릭하면 아래와 같이 나옵니다.
괄고를 배치하고 싶은 위치를 선택합니다.
그럼 새로운 텍스트에어리어가 생기고
' 728x90(권장) 또는 468x60 크기의 광고 코드만 넣을 수 있습니다.'
이런 희미한 글자가 나타날 것입니다.
이 텍스트 에어리어에 생성한 코드를 집어넣고 확인을 누르면 끝!
※ 참조
광고크기 사이즈는 애드센스->광고단위 -> 새 광고단위 -> 광고 크기에서 설정하실 수 있습니다.
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
그리고 왼쪽 사이드에서 'HTML/CSS'을 찾습니다.
'HTML'과 'CSS'언어를 배우신 분들은 쉽게 보실 수 있겠지만...
블로그를 처음 하시는 분들은 외계어로 보이겠지만 걱정하지마세요.
여기서 'Ctrl+F'를 눌러서 'article_rep_desc'를 검색합니다.
이번 포스팅에서는 티스토리 블로그에 광고를 다는 방법을 정리해 보았습니다. 데스크탑의 웹브라우저 티스토리 블로그 본문의 상단, 하단. 티스토리 블로그 본문의 오른쪽 사이드바 모바일 웹브라우저 티스토리 블로그 본문의 상단, 하단 사이드바에 구글광고 게시하기 우측 상단의 메뉴에서 관리를 클릭! 플러그인 -> '플러그인 설정' 에서 배너출력 클릭! -> 확인 클릭! 확인을 누르고~ 'HTML 배너출력'을 드래그한 다음 편집을 누른 뒤 HTML 코드를 넣고 확인을 눌러주면 됩니다. 사이드바게시 끝! 포스트 상 하단에 구글광고 게시하기 우측 상단의 메뉴에서 관리를 클릭! 플러그인 -> '플러그인 설정' 에서 'Google AdSense(데스크탑 웹용)'과 'Google AdSense(모바일용)'를 찾습니다. 우선 'Google AdSense(데스크탑 웹용)'을 클릭하면 아래와 같이 나옵니다. 괄고를 배치하고 싶은 위치를 선택합니다. 그럼 새로운 텍스트에어리어가 생기고 ' 728x90(권장) 또는 468x60 크기의 광고 코드만 넣을 수 있습니다.' 이런 희미한 글자가 나타날 것입니다. 이 텍스트 에어리어에 생성한 코드를 집어넣고 확인을 누르면 끝! ※ 참조 광고크기 사이즈는 애드센스->광고단위 -> 새 광고단위 -> 광고 크기에서 설정하실 수 있습니다. HTML 코드로 직접 삽입하기 우측 상단의 메뉴에서 관리를 클릭! 그리고 왼쪽 사이드에서 'HTML/CSS'을 찾습니다. 'HTML'과 'CSS'언어를 배우신 분들은 쉽게 보실 수 있겠지만... 블로그를 처음 하시는 분들은 외계어로 보이겠지만 걱정하지마세요. 여기서 'Ctrl+F'를 눌러서 'article_rep_desc'를 검색합니다. 이건 Tistory에서 제공하는 치환자 입니다. 이 치환자의 바로 위에 코드를 집어넣으면 본문 상단에 광고가 게시되고 이 치환자의 바로 아래에 코드를 집어 넣으면 본문 하단에 광고가 게시됩니다. 아래가 예시입니다.
이 치환자의 바로 위에 코드를 집어넣으면 본문 상단에 광고가 게시되고
이 치환자의 바로 아래에 코드를 집어 넣으면 본문 하단에 광고가 게시됩니다.
아래가 예시입니다.
'웹프로그래밍 > 티스토리' 카테고리의 다른 글
| 티스토리 - 단축키 관련 (0) | 2017.02.02 |
|---|---|
| Tistory 치환자 삽입하기 (0) | 2016.05.07 |
| 스킨제작의 기초 (0) | 2016.05.05 |
| Tistory 시작하기 (0) | 2016.05.05 |
| 티스토리 - 긴글쓰기(접기/펼치기) 디자인하기 (0) | 2014.10.08 |