이번 포스팅에서는 블로그나 인스타그램과 같은 SNS 또는 쇼핑몰이나 자사몰과 같은 특정 사이트로 유입을 위한 링크가 걸려있는 위젯 코드를 생성하는 방법에 대해서 소개해드리겠습니다.
자신이 운영하는 블로그나 인스타그램, 페이스북 등의 SNS를 홍보하기 위해서 또는 쇼핑몰이나 자사몰과 같은 특정 사이트의 페이지에서의 판매를 위해 트래픽을 모으기 위해 링크를 달아야 하는 경우가 있습니다. 단순히 텍스트로 링크를 달 수도 있지만 아무래도 시각적으로 더 잘 보이고 클릭하고 싶은 본능이 더 촉진되게끔 디자인된 이미지에 링크를 달아 유입을 보다 효과적으로 할 수 있는데요. 그러한 이미지 형태의 링크를 위젯이라고 합니다. 하지만 적지 않은 분들이 위젯을 만드는 방법에 대해 모르셔서 이를 활용하지 못하시는 경우가 있는데요.
평소 블로그나 인스타그램 또는 쇼핑몰 등의 홍보를 위해 유입 링크 위젯을 만드는 방법에 대해 궁금함을 가져오셨던 분들에게 굉장히 유용한 내용이 될 거라 자신하니 끝까지 천천히 봐주시고 많은 도움 얻어가세요. 그럼 내용 바로 시작하겠습니다.
위젯 링크 코드 만들기 방법
1. 아래 링크를 통해 위젯 HTML을 만들기 위한 페이지로 이동해주세요.
2. 우측 상단에 있는 '로그인' 버튼을 선택해 본인 계정으로 로그인합니다.
3. 오른쪽 위에 있는 프로필 항목을 클릭해 '내 블로그' 버튼을 탭 해주세요.
4. '글쓰기' 버튼을 클릭합니다.
5. 상단 메뉴바에서 '사진' 아이콘을 눌러 위젯으로 등록하고 싶은 이미지를 선택해 등록합니다.
6. 우측 상단에 위치한 '발행' 버튼을 눌러주세요.
7. '공개 설정' 항목을 '비공개'로 선택한 뒤 '발행' 버튼을 선택합니다.
8. 발행한 블로그 글로 들어가 사진을 마우스 오른쪽 버튼으로 우클릭합니다.
9. '이미지 주소 복사' 항목을 선택합니다.
10. '메모장' 앱을 실행해 9번 과정에서 복사한 내용을 붙여 넣어주세요.
11. 아래에 첨부한 텍스트 문서 파일을 다운로드해 실행합니다.
12. '링크주소' 부분에 랜딩 페이지, 다시 말해서 유입을 유도하고 싶은 페이지의 URL을 고쳐주세요.
13. '그림주소' 부분을 10번 단계에서 붙여 넣고 메모해두었던 내용으로 바꿔줍니다.
14. '(그림세로길이)' 부분을 위젯의 높이로 설정하고 싶은 수치로 바꿔줍니다.
- 위젯 이미지로 설정할 수 있는 가로 최대 길이는 170px입니다.
- [(이미지 실제 가로길이) : (이미지 실제 세로 길이) = (위젯 설정 희망 가로길이) : (위젯 설정 희망 세로 길이)]라는 간단한 비례식을 통해 '(그림세로길이)' 부분에 들어갈 수치를 계산해주시면 됩니다.
15. '(위아래여백)' 부분에 위젯 테두리로 설정하고 싶은 여백 수치를 입력합니다.
- 여백을 설정하고 싶지 않다면 '0'을 입력하시면 됩니다.
16. 12번 단계부터 15번 단계까지 설정한 위젯 HTML을 복사합니다.
17. '메모장' 앱과 같이 위젯 코드를 기록할 앱을 실행해 16번 단계에서 복사한 내용을 붙여 넣고 저장합니다.
이로써 블로그, 인스타그램, 페이스북과 같은 SNS 또는 쇼핑몰과 같은 특정 사이트 페이지로 유입을 위한 위젯 링크 코드를 생성하는 과정이 완료됩니다.
마무리
지금까지 블로그나 인스타그램과 같은 SNS 또는 쇼핑몰이나 자사몰과 같은 특정 사이트로 유입을 위한 링크가 걸려있는 위젯 코드를 생성하는 방법에 대해서 소개해드렸습니다.
홍보 목적으로 단순히 텍스트 방식의 링크를 달기보다는 아무래도 클릭 효과가 좋은 이미지 방식의 링크인 위젯을 만들어줌으로써 보다 효율적인 유입과 홍보가 가능하다는 점에서 위젯을 생성하는 방법을 모르셨던 분들에게 굉장히 유용한 내용이라 생각하는데요. 제공해드린 뼈대에서 간단한 수정만 진행해주면 위젯 코드를 생성할 수 있으므로 이 포스팅 내용을 천천히 보시면서 그대로 따라하시면 원하시는 결과 얻으실 수 있을 거라 자신합니다.
평소 특정 페이지에 대해 유입과 홍보를 위해 위젯 HTML 코드를 생성하는 방법에 대해 관심을 가져오셨던 분들이 이 포스팅 내용을 통해 많은 도움받아가셨으면 좋겠습니다. 다음에 또 유용한 내용의 포스팅으로 찾아뵙겠습니다. 감사합니다.
추천글
이 블로그는 중간중간 보이는 광고 클릭 시 발생하는 소정의 비용으로 운영됩니다♥
이 포스팅의 모든 내용에 대해서는 2차 가공 및 복사를 금지합니다.
댓글