티스토리 블로그 평점 댓글 리뷰등 위젯 모음, 달기 - widgetpack
소프트웨어/티스토리

티스토리 블로그 평점 댓글 리뷰등 위젯 모음, 달기 - widgetpack

반응형

블로그 평점 위젯 달기
블로그 평점 위젯 달기

티스토리 블로그 평점 댓글 리뷰 등 위젯 모음, 달기 - widgetpack

예전부터 블로그의 스마트폰이나, 앱, 사이트, 프로그램 등 리뷰글에 간단한 평점 위젯 같은걸 달아서 미리 간단하게 평점을 볼 수 있게 만들어 볼까라는 생각을 해왔었습니다. 직접 서버를 만들어서 구현을 하거나, 파이어베이스를 통해 구현을 해볼 생각도 잠깐 해봤지만 살짝 귀찮기도 해 가지고 이걸 구현한 서비스 같은 건 없는지 찾아보다가 widgetpack란 사이트를 찾게 되었습니다.

widgetpack 사이트는 댓글, 리뷰, 평점 등의 위젯들을 제공하고, 쉽게 블로그에 달 수 있어서 다른 분들도 이걸 이용해보시면 좋을 것 같아서 이번 글에선 widgetpack 사이트에 대해서 써보려고 합니다.

widgetpack 사이트 살펴보기

widgetpack 사이트

widgetpack 사이트 바로가기

위 링크를 통해 widgetpack 사이트에 접속할 수 있습니다. 메인화면엔 다양한 위젯을 한 번에 사용할 수 있고, 무료이며, 설치하기 쉽다고 나와있습니다. 또한 스마트폰이나, 태블릿 같은 모바일 플랫폼에서도 잘 작동하고, 댓글, 평점에 대한 리치 스니펫을 제공한다고 합니다.

댓글, 평점에 대한 리치 스니펫은 구글 리뷰 스니펫을 참고해주시면 좋을 것 같습니다.

widgetpack 요금제
widgetpack 요금제

요금제도 무료, 플러스, 프로, 엔터프라이즈 등 여러 요금제가 있습니다. 요금제가 올라갔을 때 추가로 사용할 수 있는 기능들에 비해, 가격이 좀 높은 것 같다는 점은 살짝 아쉬운 것 같네요.. 무료 요금제의 경우는 사이트와 관리자를 최대 하나를 추가할 수 있다고 합니다.

widgetpack 데모

Demo 탭을 클릭해서 댓글, 평점, 리뷰 등의 위젯을 볼 수 있습니다. Comments 버튼을 클릭해서 댓글 위젯을 보고, 댓글을 쓸 수 있으며 Reviews 버튼을 클릭해서 이런 리뷰 위젯을 보고, 남길 수 있습니다.

widgetpack 데모

또한 Rating 버튼을 클릭해서 다양한 스타일에 평점 위젯을 보고, 남길 수 있으며 Google Reviews 버튼을 클릭해서 구글 리뷰 위젯을 볼 수 있습니다.

widgetpack에 블로그 추가하기

widgetpack 가입하기
widgetpack 가입하기

widgetpack 사이트의 여러 위젯들을 사용하려면 우선 가입을 해야 합니다. widgetpack 사이트의 우측 상단의 Sign Up 버튼을 클릭하면 나오는 Sign Up 창에서 가입을 진행하시면 됩니다.

widgetpack 사이트 추가
widgetpack 사이트 추가

가입을 완료하면 다음으로 Add new site 창이 나오는데, Site name에 자신의 블로그명을 http://domain에 자신의 블로그 주소를 입력하면 됩니다.

widgetpack 위젯 블로그에 달기

widgetpack admin 페이지

회원가입을 하고, 자신의 블로그를 추가했다면 widgetpack admin 페이지로 자동으로 이동되는데 Site 탭에서 Moderators 버튼을 클릭해서 관리자를 추가할 수 있습니다. 다만 무료 요금제일 경우에는 관리자를 한 명 밖에 둘 수 없습니다.

widgetpack 단어 필터, 밴

또한 Site 탭에서 Word Filters, Banned 버튼을 클릭해서 특정 단어를 포함했을 땐 관리자의 승인을 기다리게 하거나, 특정 유저나 IP를 밴 할 수도 있습니다.

1. 댓글

widgetpack 댓글 위젯 설치

우선 댓글 위젯부터 블로그에 다는 법을 알아보도록 하겠습니다. Comments 탭을 클릭하고 Install 버튼을 클릭하면 사진과 같이 html 코드가 나오게 되는데 이를 복사해서 블로그 글에 붙여 넣기 하면 위젯이 설치됩니다.

widgetpack 댓글 위젯 설치

위젯은 다양한 블로그나, 사이트에 달 수 있지만 이 글에선 티스토리를 기준으로 위젯을 다는 법을 알려드리겠습니다. 우선 티스토리의 에디터에서 우측의 기본 모드를 클릭해서 HTML 클릭해주세요. 그리고 위에서 복사한 코드를 붙여 넣기 하시면 됩니다. 

widgetpack 위젯
widgetpack 위젯

댓글 위젯이 잘 설치된 모습입니다. 직접 평점과 댓글을 남길 수도, 다른 사람들의 평점과 댓글을 볼 수도 있습니다.

widgetpack 위젯 설정

그리고 Comments 탭에서 Settings 버튼을 클릭해서 위젯 디자인이나, 로그인을 해야 댓글을 달게 할지 등 많은 설정을 할 수 있습니다. 그리고 Moderation 버튼을 클릭해서 이처럼 다른 사람들이 남긴 댓글들도 확인할 수 있습니다.

2. 리뷰

widgetpack 리뷰 위젯

두번째로 알아볼 위젯은 리뷰 위젯입니다. Reviews 탭의 Install 버튼을 클릭하여 html 코드를 가져올 수 있습니다. 이 코드를 붙여 넣기 하면 우측 사진과 같이, 평점과 댓글을 같이 매길 수 있는 위젯이 나타나게 됩니다.

widgetpack 리뷰 위젯 설정

settings, moderation 버튼을 클릭하여 리뷰 스니펫을 활성화 할 것인지, 기본 아바타는 뭘로 할 것인지, 그리고 평점 위젯 모습을 수정하거나 다른 사람들이 남긴 리뷰들을 볼 수 있습니다.

3. 구글 리뷰

widgetpack 구글 리뷰 위젯

그다음은 구글 리뷰 위젯을 블로그에 달아보는 법에 대해 알아보겠습니다. 먼저 Google Reviews 탭을 클릭한 후 Install 버튼을 클릭하면 우측 사진과 같이 장소 리뷰를 가져올 창이 나타납니다. 여기서 장소를 검색한 후, 선택하고 'SAVE PLACE AND REVIEWS' 버튼을 클릭해 위젯 코드를 가져올 수 있습니다.

widgetpack 구글 리뷰 위젯

'SAVE PLACE AND REVIEWS' 버튼을 클릭하면 Install to site 창이 나타나는데 여기서 Reviews list, Fixed badge, Inner badge 등 다양한 모습을 선택할 수 있습니다. 위의 댓글과 마찬가지로 이 코드를 복사 붙여 넣기 하여 우측 사진과 같이 구글 장소 리뷰를 볼 수 있습니다.

4. 평점

widgetpack 평점 위젯

마지막으론 평점 위젯에 대해 알아보겠습니다. Rating 탭에서 다른 위젯들과 마찬가지로 Install 버튼을 클릭해서 html 코드를 가져올 수 있습니다.

widgetpack 평점 위젯
widgetpack 평점 위젯

html 코드를 복사해서 글에 붙여 넣으면 이처럼 평점을 잘 매길 수 있고, 잘 나오는 것을 확인할 수 있습니다. 저 밑에 'Star Rating WIDGET PACK' 글씨는 지워도 괜찮습니다.

widgetpack 평점 위젯 설정

그리고 Settings, Moderation 버튼을 클릭해서 리뷰 스니펫을 활성화할 것인지, 투표 방식은 어떻게 할 것인지 그리고 평점 위젯의 모양을 수정하거나 다른 사람들이 매긴 평점들을 볼 수 있습니다.

widgetpack api
widgetpack api

widgetpack API 페이지

또한 widgetpack API 페이지에서 한 글에서 여러 개의 평점을 매기거나, 위젯을 커스텀하는 등 여러 가지를 할 수 있습니다.

반응형