kuri
kuri
🏅 AI 마스터
📹 SNS 찐친

우보도 (uvodo) 스토어의 완성도를 높일 fine tuning tip-part2 (네이버 위젯추가)


요약

이번에는 바로 전 포스팅인 #우보도 (uvodo) 스토어의 완성도를 높일 fine tuning tip-part1에 이어, 네이버 카페나 블로그에 위젯을 추가하는 방법을 알아보겠습니다.

네이버 블로그에 위젯 추가의 필요성

  • 본인을 비롯해서 지인들중에 블로그 한 두개 운영 안하는 사람이 없을 정도입니다.

  • 그렇다면 유료 광고도 진행하면서 지인들의 블로그에 위젯형식으로 작은 광고를 붙여서 노출을 증가시키는 것도 한 방법이라 할 수 있습니다.

  • 그럼에도 불구하고 네이버 위젯을 사용하시는 분들이 별로 없습니다.


위젯추가 과정

1.

목표는 네이버 블로그에 이미지 형식의 광고위젯을 만들어 노출을 극대화시키는 겁니다.
보시는 것처럼 업로드한 이미지가 노출이 되고, 클릭을 하면 해당 온라인 스토어로 창이 열리는 구조입니다.


2.

일단 각자의 블로그 레이아웃은 다르겠지만, 블로그의 "관리/통계"를 클릭하고 설정으로 들어갑니다.


3.

"관리"창이 열리면 "꾸미기 설정"으로 들어갑니다.


4.

"꾸미기 설정"이 열리면, 왼쪽 사이드바에서 "레이아웃/위젯 설정"으로 들어갑니다.


5.

"레이아웃/위젯 설정"이 열린 후, 만약 오른쪽 사이드바 아래쪽에 "역삼각형" 표시가 있다면 이 경우 숨겨진 내용이나 위젯이 있다는 뜻입니다.

6.

드래그해서 내려주면 숨겨진 내용이나 위젯을 볼 수 있습니다.


7.

만약 필요없는 위젯이 있다면 "수정 (Edit)"을 눌러주시고, 아무 위젯도 없다면, "위젯 직접등록"을 눌러 새 위젯을 등록하세요.

8.

새 창이 뜨면서서 위젯의 이름과 코드를 입력하는 공간이 보입니다.


9.

먼저 위젯명을 넣으시고, 위젯코드도 입력합니다. 위젯 코드는 아래 코드를 그대로 복사해서 사용하시면 됩니다. 코드 안의 "웹스토어 주소"와 "이미지 주소"만 바꿔주시면 됩니다. /

<a target="_blank"  href="웹스토어 주소"><img src="이미지 주소" width="170" /></a>


10.이미지 주소 넣는 방법:

10-1. 드롭박스 이용

  • 드롭박스 폴더에서 해당 이미지를 찾아서 "Copy link"를 클릭합니다.


  • 팝업창에 나온 주소가 드롭박스 내의 해당 이미지의 주소입니다. 이걸 복사하세요.


  • 복사한 주소소를 위젯코드의 "이미지 주소"에 붙여넣고 "다음"을 눌러줍니다. 워드프레스 이용법이 필요없으시면 #11로 넘어가세요.


10-2. 워드프레스 이용

  • 워드프레스 사용자는 admin 계정으로 로그인해서 "Media"를 선택하고, 다시 "Library"를 선택합니다.

  • Media Library에서 해당 이미지를 업로드한 후, 선택을 하면 오른쪽 상세정보가 뜹니다.


  • "file URL"이 해당 이미지의 주소입니다. 이걸 복사하세요.


  • 복사한 주소를 위젯코드의 "이미지 주소"에 붙여넣습니다.

11.

링크 주소와 이미지 주소를 넣고 "다음"을 누르면 위젯의 미리보기가 나옵니다. 이미지의 위치를 적당히 조절한 후, "수정"을 클릭합니다.

12.

화면 위쪽에 "정상적으로 반영되었습니다"라는 팝업창이 뜹니다. "OK"를 눌러주세요.


13.

레이아웃의 변경사항만 저장 되어있는 상태이기 때문에, 여기서 멈추고 나가도 블로그의 레이아웃은 변하지 않습니다. 화면 아래 쪽의 "적용"을 클릭합니다.

14.

팝업창이 뜨면, "OK"를 클릭합니다.


15.

블로그로 돌아와 "Refresh" (F5)를 눌러보면 제대로 적용이 된 것을 볼 수 있습니다.


광고에 대해서는 1도 모르지만, 적어도 노출이 많아질 수록 유리하다고 알고있습니다. 돈 주고 유료광고도 하는 마당에, 본인의 블로그, 가족의 블로그, 지인의 블로그를 노지(露地)로 두지 마시고 유용하게 이용해 보시기 바랍니다.

또다시 스크롤 압박 만땅인 긴글을 썼습니다.
읽어주셔서 고맙습니다.

-B급감성 야매킹, kuri였습니다.

6
5개의 답글

👉 이 게시글도 읽어보세요!

📚 AI 활용 사례 더 보기