이러쿵저러쿵


네이버블로그 스마트에디터 3.0으로 글 작성 시, 링크프라이스 HTML코드 삽입하는 방법


블로그 하시는 분들 상당 수가 구글의 애드센스로 수익을 올리고 있지요.

그런데 우리나라에서 사용자가 가장 많은 네이버에서 제공하는 블로그나 포스트에는 애드센스 코드를 삽입할 수 없습니다. 그래서 보통 다음의 티스토리나 구글의 블로거 서비스 등을 이용합니다.


우리나라의 검색 점유율 80%를 점유하고 있는 네이버인데요.

네이버도 자사에서 제공하는 서비스에 더 많은 사용자들이 이용하길 바라기 때문에 알게 모르게 타사의 사이트나 블로그 보다는 자사의 서비스를 더 밀어주지요. 물론 틈새 시장을 공략해서 상위에 올릴 수 있겠지만, 일반적으로 보면 네이버 블로그를 티스토리 블로그가 이기기는 힘듭니다. (이러한 틈새를 공략하거나 네이버에서도 거부할 수 없는 수준의 네임드 티스토리가 된다면 어느정도 안정적인 검색 상위 노출을 기대할 수는 있겠습니다.)


하지만, 오늘은 애드센스 이야기는 접어두고...^^

네이버 블로그로도 수익을 올릴 수 있는 광고 시스템을 연동할 수 있는 것이 있는데, 그중 많은 사람들이 사용하는 것이 링크프라이스입니다.

링크프라이스를 애드센스의 서브 정도로 이용하시는 분들도 계시고, 네이버 블로그 등에서 사용 가능하기 때문에 이를 적극적으로 이용하여 많은 수입을 올리시는 분들도 계십니다.



네이버 블로그를 운영하신다면 스마트에디터3.0을 많이 사용하실 텐데요.

여기에 링크프라이스 코드(HTML5 크드)를 삽입하는 방법에 대해 알아보겠습니다.


티스토리와 달리 네이버 블로그 편집툴이 스마트에디터는 HTML5로 보거나 편집하는 기능을 제공하지 않습니다.

그렇기 때문에 HTML5 태그 코드로 되어 있는 링크프라이스 코드를 블로그 글에 삽입하기 위해서는 다른 방법을 이용해야 합니다.

하지만 그렇게 어렵지는 않습니다. 한번 하나하나 해보도록 하겠습니다!


네이버 블로그 스마트에디터 편집 상태에서 링크프라이스 광고를 삽입하기 원하는 위치에 특별한 텍스트를 입력합니다. (나중에 이 문구를 검색해야 되요!) 

저는 '이곳에광고를'이란 문구를 입력하였습니다. 그리고 해당 위치에 마우스 우측 버튼을 클릭하면 나오는 팝업 메뉴에서 '검사' 메뉴를 선택합니다.



아래와 같이 개발자 도구라는 창이 뜹니다. 해당 창에는 작성중인 블로그 글의 HTML 소스코드가 표시됩니다.




개발자 도구 페이지(Elements 탭이 선택된 상태)에서 Ctrl+F 키(찾기)를 누르면 창 하단에 텍스트 검색을 할 수 있는 영역이 표시됩니다.

앞서 광고 삽입 위치를 확인할 수 있는 자신만의 문구를 입력하였는데, 이 문구를 여기에 입력합니다.

저는 '이곳에광고를' 이라는 문구를 입력하였고, 같은 문구를 검색 창에 입력 후, 엔터키를 누르면 소스 코드상에서 해당 위치로 이동합니다.



이 위치가 바로 우리가 광고를 삽입하기 원하는 위치입니다.

해당 줄에서 우측 버튼 클릭하면 뜨는 메뉴에서 'Edit as HTML' 메뉴를 선택합니다.



그러면 아래와 같이 해당 텍스트 영역에 HTML 코드를 편집할 수 있는 입력 창이 나타납니다.



이제 이곳에 '이곳에광고를'이라는 문구를 삭제하고, 링크프라이스의 광고 HTML 코드를 붙여넣습니다. (이 코드는 링크프라이스 사이트에서 복사해서 가져오시면 됩니다.)



링크프라이스 HTML 코드 삽입이 되었다면 마우스를 다른 곳에 클릭하여 편집을 종료합니다.


올바르게 코드가 삽입되었다면 아래와 같이 광고 이미지가 표시되는 것을 알 수 있습니다.

본의 아니게 익스피디아 광고를 하게 된건가요?;;; ㅎㅎㅎ (그냥 이렇게 표시된다를 보여주기 위한 예시였습니다!^^ 클릭해도 반응 없답니다. ㅎㅎ)


광고를 가운데 정렬을 하고 싶다면 HTML 코드 삽입 시, 링크프라이스 소스 코드를

<center>[광고 코드]</center>

이렇게 center 태그로 감싸주시면 됩니다.


네이버 스마트에디터가 HTML 코드 편집 기능을 제공하지 않다보니, 다소 번거롭기는 하지만, HTML 코드 삽입이 불가능하지는 않다는 점!

지금까지 네이버블로그 스마트에디터로 링크프라이스(HTML 코드) 삽입하는 방법에 대해 알아보았습니다!




Comment +0

티스토리 툴바