본문 바로가기

블로그 팁

블로그로 돈벌기 [광고 노출전략(광고 최적화) #로딩 화면 만들기]

반응형

티스토리 로딩화면 만들기, 애드센스 광고 최적화 전략

블로그로 돈 벌기 [광고 노출 전략(광고 최적화) #로딩 화면 만들기]


오늘은 애드센스 광고 최적화 전략 중 하나인 블로그 로딩 화면 설정 방법에 대해 알아보겠습니다. 로딩 화면 설정이 필요한 이유는 일반적으로 광고를 포스팅 상단에 필히 배치하게 되는데, 종종 광고가 로딩되기 전에 포스팅 본문으로 내려 버리는 경우가 있습니다. 이를 방지하기 위해 블로그에 로딩 화면을 설정해 주시면 좋습니다. 시간은 10분 이내면 충분하니 한번 해보시는 게 어떨까요? 레츠기릿!


1. 로딩 시 필요한 GIF 파일 다운로드

하단 링크를 클릭해서, Icons8.com으로 들어가 원하는 파일을 선택한다. > 파일의 색상을 지정한 후 다운로드 버튼 클릭 > 파일 이름을 LOADING으로 바꾼다.

 

icons8.com/preloaders/

 

Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator

More than 1000 free and premium ajax loader (loading animated GIF, SVG and APNG) spinners, bars and 3D animations generator for AJAX and JQuery

icons8.com

로딩화면 다운받는 법, 로딩화면(GIF) 다운받는 사이트 (icons8.com/preloaders/)


2. 티스토리 블로그 관리 [스킨 편집]

블로그 관리로 이동 > 스킨 편집 탭 클릭 > html 편집 창으로 이동

 

티스토리 로딩화면 설정 #1


 

3. Loading.gif 파일 업로드

html 편집창 중 파일 업로드 탭으로 이동 > 추가 버튼을 눌러 Loading.gif 파일 선택 > 업로드 확인

 

티스토리 로딩화면 설정 #2


4. 로딩 화면 코드 적용

하단 TXT 파일 다운로드 > 내용 복사(Ctrl+C) > html탭으로 이동 > Ctrl+F, /body 검색 > /body 바로 위 코드 복사(Ctrl+V) > 적용

 

티스토리 로딩 이미지 코드.txt
0.00MB
티스토리 로딩화면 설정 #3

 


5. 완료 및 확인

완료되었습니다. 이제 블로그로 들어가서 새로고침(F5)을 눌러보거나 포스팅한 내용으로 들어가 보시면 확인되실 거예요.

 

티스토리 로딩화면 설정 #4 (완료예시)


생각보다 쉽죠? 저도 처음에는 Html 나오고 하면 건드리기 싫었는데, 하나씩 알아가는 재미가 있는 것 같아요. 10분 정도의 시간을 내서 앞으로의 상단 광고를 모두에게 노출시킬 수 있다고 생각하면 아깝지 않은 시간이겠죠? 그럼 다음에도 유익한 블로그 운영관리 방법으로 찾아오겠습니다.

 

위 포스팅이 도움되셨다면 하트와 구독하기 눌러주세요♥

(티스토리 회원 아니어도 누를 수 있어요ㅜㅜ)

728x90
반응형