본문 바로가기
티스토리 블로그/블로그 운영 정보공유

티스토리 원하는 위치에 구글 애드센스 광고 넣는 방법 (상단에 광고 넣기)

by Grey.han 2024. 2. 17.
반응형

목차

     

    아무래도 CPM(광고 노출 횟수당) 애드센스 광고 수익 비중이 증가 했기 때문에 최대한 광고를 많이 노출하는게 유리합니다.

     

    때문에 앵커 광고가 안나오는 모바일에서 어떻게 더 많은 광고 노출을 할 수 있을까 생각하다가 상단바 밑에 광고를 넣어 보기로 했습니다.

     

    결과는 성공적이었고 여기에 하나 더 얻어 걸려서 모바일에서 안나오던 앵커 광고가 다시 앵커 광고가 잘 나오게 되었습니다.

    1.  광고 넣을 위치 선정 

    이미지와 같이 상단바 밑 그리고 글 제목위 사이에 광고를 넣어 봤습니다. 

     

    우선 사이에 광고를 넣기 위해서는 'F12' 키를 눌러서 '개발자 모드'에서 해당 코드가 위치한 부분을 찾아야 합니다.

     

    (본 글에서는 상단 부분에 광고를 넣고 있습니다. 본 글의 방법을 응용하면 상단바 뿐만아니라 '광고 코드'를 넣을 곳의 위치를 찾고 자신이 원하는 위치에 자유롭게 광고를 넣을 수 있습니다.)

    '개발자 도구' 사용방법 바로가기

    '개발자 모드'를 통해서 선택된 상단바(헤더)가 <header> </header> 코드 안에 있는 것을 확인할 수 있습니다.

     

    때문에 상단바 밑에 광고를 넣기 위해서는 <header> </header> 코드 밑에 '애드 센스 광고 코드'를 넣어 주면 되겠습니다.

    반응형

    2. 티스토리 HTML 편집창에서 애드센스 광고 코드 넣기

    이미지와 같이 헤더 코드 밑에 '구글 애드센스 코드'를 넣어 주시면 됩니다.

     

    광고가 가운데 나오게 하기 위해서 <center></center> 코드안에 '구글애드센스 광고 코드'를 넣어 줬습니다.

    애드센스 광고 코드 가져오는 방법 바로가기
    티스토리 HTML/CSS 편집 방법 바로가기

    3. 적용 결과 확인

    위 결과를 확인해보면 상단바와 제목 사이에 정확하게 '구글 애드센스 광고'가 들어간 모습을 볼 수 있습니다.

     

    + 얻어 걸려서 원래 안나오던 '애드센스 앵커 광고' 가 나오기 시작했습니다... 뭐지? (나이스)

     

    앵커 광고 하단 설정하는 방법
    반응형

    댓글