Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

꼭 필요한 정보가 올라올 때까지 웹 페이지를 하염없이 기다려 본 적이 있다면, 그 페이지를 계속 지켜보는 일이 얼마나 번거로운지 잘 아실 겁니다. 주기적으로 새로고침 버튼을 누르기도 하고, 심지어 자동 새로고침 확장 프로그램까지 설치해서 사용하기도 하죠. 하지만 페이지가 업데이트될 때 알아서 알려주는 도구가 있다면 어떨까요?

VisualPing은 바로 이런 목적을 위해 만들어진 서비스로, 웹사이트와 크롬 확장 프로그램 두 가지 형태로 제공됩니다. 매일 화면 앞에서 지켜볼 수 없더라도 VisualPing에 웹사이트 주소만 등록해 두면, 해당 페이지의 변화를 대신 추적해 줍니다. 변경 사항이 감지되면 즉시 알림을 보내주기 때문에, 원하는 정보가 게시되었는지 바로 확인할 수 있습니다.

웹 버전과 크롬 확장 프로그램 버전에는 몇 가지 차이점이 있습니다. 크롬 확장 프로그램은 최소 1분(심지어 초 단위!) 간격으로 체크할 수 있지만, 브라우저 확장 방식이다 보니 크롬이 실행 중이어야만 알림을 받을 수 있습니다. 크롬을 닫거나 컴퓨터를 끄면 변경 알림을 받을 수 없습니다.

반면 웹사이트 버전은 최소 1시간 간격으로 체크하지만, 모든 작업이 VisualPing의 서버에서 처리됩니다. 덕분에 평소처럼 일상을 보내는 동안에도 웹사이트가 변경되면 이메일로 알림을 받을 수 있습니다. 다만 이 서비스를 이용하려면 계정 등록이 필요하고, 월별 체크 횟수에 제한이 있다는 점은 참고해야 합니다.

작동 원리

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

위와 같은 웹사이트를 모니터링하고 싶다고 가정해 보겠습니다. 인기가 많은(물론 가상의!) 페인팅 소프트웨어 'Paint Studio Plus' 소개 페이지입니다. 이 회사는 선착순 100명에게 한정된 베타 버전을 배포한다고 발표했지만, 정작 언제 신청이 열리는지는 공지되어 있지 않습니다. 이럴 때 VisualPing에게 힘든 일을 맡겨 보겠습니다.

VisualPing 서버 방식 활용하기

VisualPing 웹사이트에 접속한 후 Paint Studio Plus 페이지 주소를 입력란에 넣습니다. 'Go!' 버튼을 누르면 아래와 같은 미리보기 화면이 생성됩니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

미리보기 화면에서는 웹사이트 중 어느 부분을 추적할지 지정합니다. 블로그 게시물의 변화를 감지하고 싶다면, 게시물이 있는 영역에 박스를 드래그하여 포커스를 설정하세요. 그다음 미리보기 아래에서 체크 주기를 매시간(every hour), 감지 조건을 모든 변경(any change)으로 설정합니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

알림을 받을 이메일 주소를 입력한 후 'Start Free Monitoring' 버튼을 클릭합니다. VisualPing을 처음 사용하는 경우라면 추적이 시작되기 전에 계정을 먼저 만들어야 합니다. 설정이 완료되면 이제 편하게 일상으로 돌아가면 됩니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

VisualPing 확장 프로그램 방식 활용하기

먼저 크롬 웹 스토어에서 확장 프로그램을 설치합니다. 설치가 완료되면 모니터링할 웹페이지가 열린 탭에서 브라우저 상단에 나타나는 확장 프로그램 버튼을 클릭하세요. VisualPing 창이 열리면 현재 선택된 탭을 확인해야 합니다! 'Server' 탭에 있다면 앞서 설명한 오프라인 이메일 알림 방식을 사용하는 것이고, 브라우저에서 실시간 업데이트를 받으려면 'Browser' 탭으로 전환하면 됩니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

미리보기를 통해 모니터링할 영역을 표시합니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

원한다면 특정 웹 요소(element)를 선택해서 그 부분의 변경만 감지하도록 설정할 수도 있습니다. 지정한 요소가 변경될 때만 알림을 받을 수 있어 유용하지만, 웹 요소 개념이 익숙하지 않다면 다소 혼란스러울 수 있습니다.

그다음 체크 간격을 설정합니다. 여기서는 1분으로 지정했습니다. 이것이 크롬 확장 프로그램의 장점입니다. 서버 방식은 최소 1시간 간격으로 제한되지만, 브라우저 방식은 분 단위, 심지어 초 단위로도 설정할 수 있습니다. 모든 설정을 마쳤으면 'Start Monitoring' 버튼을 눌러 모니터링을 시작하세요.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

결과 확인하기

낮 동안 Paint Studio Plus 베타 버전이 출시되었다면, VisualPing이 변경 사항을 알려줄 때 어떤 결과물을 볼 수 있을까요?

서버 버전

웹 버전을 사용 중일 때 웹사이트가 변경되면 받은편지함에 이메일이 도착합니다. 아래와 같은 형태입니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

이메일에서 언급하는 스냅샷은 첨부파일로 함께 전송됩니다. 첨부파일을 열어보면 다음과 같은 내용을 확인할 수 있습니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

첨부파일을 열어보지 않아도 웹페이지가 발표 상태에서 출시 상태로 바뀌었음을 한눈에 알 수 있습니다. 이제 서버가 마감되기 전에 빠르게 사이트로 이동해 신청하면 됩니다!

브라우저 버전

브라우저 버전을 사용 중이라면 아래와 같은 알림 팝업이 화면에 나타나며 소리로도 알려줍니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

알림 본문을 클릭해 웹사이트로 바로 이동하거나, 'View Changes'를 클릭할 수 있습니다. 후자를 선택하면 지난 체크 시점의 웹사이트 모습과 현재 모습을 비교해 보여주는 새 창이 열립니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

화면이 좀 복잡해 보이죠? 초록색 오버레이가 이전 웹사이트 모습이고, 일반 색상(여기서는 회색)이 현재 모습입니다. 현재 화면만 깔끔하게 보고 싶다면 상단의 'Current' 버튼을 클릭하면 됩니다.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

훨씬 보기 좋네요! 이제 웹사이트를 읽으며 베타 버전이 출시되었음을 확인할 수 있습니다. 상단의 'Go to site' 버튼을 클릭해 키를 받으세요.

VisualPing으로 웹 페이지 변경 사항 자동 모니터링하는 방법

마치며

제품 출시부터 티켓 정보까지, 웹사이트를 직접 모니터링하는 일은 생각보다 고됩니다. 하지만 VisualPing의 도움을 받으면 웹사이트를 일일이 확인하느라 신경 쓰지 않고도 편하게 하루를 보낼 수 있습니다.

여러분도 웹사이트에 소식이 올라오길 기다린 적이 있나요? 기다림이 결실을 맺었나요? 아래 댓글로 경험을 공유해 주세요.