안녕하세요, 작은 메모로 이 글을 시작하고자 합니다.

웹사이트를 개발할 뿐만 아니라 홍보하는 것을 좋아하는 사람들은 사이트에 대한 요구 사항이 매년 증가하고 있으며 검색 엔진이 이를 제거하려고 한다는 것을 알고 있습니다. 정크 페이지그리고 가능한 한 관련성을 유지하십시오. 그래서 상업 사이트 홍보에 관한 최신 회의를 살펴보니 모든 경우에 비슷한 사실을 발견했습니다. 바로 이것이 연락처 페이지의 디자인입니다. 이 페이지에 몇 개의 전화번호와 양식만 포함되어 있던 시대는 지났습니다. 피드백. 이제 가능한 한 유익한 연락처 정보를 제공해야 합니다. 이 경우 사무실 위치의 동적 지도 없이는 할 수 없습니다. 모든 상업 웹사이트 연락처 페이지의 필수적인 부분이 되었습니다.

Yandex는 웹마스터가 사이트에 모든 지도를 쉽게 추가할 수 있는 "Yandex Map Constructor"라는 방향으로 개발자에게 자체 솔루션을 제공했습니다.

그럼 이제 바로 액션으로 들어가 보겠습니다.

1.) 먼저 지도 생성자 자체(http://api.yandex.ru/maps/tools/constructor/)로 이동합니다.

지도와 필요한 주소를 입력할 수 있는 필드가 표시됩니다.

Yandex에서 승인 없이도 위치 지도를 만들 수 있습니다.

2.) 필요한 주소를 입력하면 거리, 도시 및 집 번호의 전체 이름과 함께 힌트가 표시됩니다.

3.) 주소를 선택한 후 태그에 대한 설명을 지정하고 색상을 선택할 수 있습니다. 설정 후 "확인" 버튼을 클릭합니다. 그리고 우리는 페이지를 내려갑니다.

5.) 제공된 코드를 복사하여 사이트의 올바른 위치에 붙여넣습니다.

몇 가지 메모

이 방법 Yandex 지도를 사이트에 삽입하는 것은 모든 CMS(Joomla, Opencart, WordPress 등)에 적합합니다.

- 자주, 비주얼 에디터, 예를 들어 joomla에서 코드를 자릅니다. 따라서 편집기 없이 연락처 페이지로 작업하는 것이 바람직합니다. 또는 모든 시각적 편집 후에 사이트에 지도를 삽입합니다.

생성된 지도 코드를 다음 위치에 복사합니다. 텍스트 파일, 연락처 페이지를 편집할 때 코드가 왜곡된 경우 언제든지 복원할 수 있습니다.

오늘은 여기까지입니다. 다음 기사에서 계속해서 치트 시트를 게시할 것입니다. 기술 작업사이트와 함께.

자신의 레이블이 있는 Google 또는 Yandex 지도를 사이트에 추가하려는 경우 수행 방법을 알려 드리겠습니다.

현대 웹 기술의 발전은 주로 확산에 기인한다고 말하면 옳을 것이라고 생각합니다. 모바일 플랫폼(주로 안드로이드와 iOS). 예를 들어, 대부분의 웹 리소스를 적응형 레이아웃, 원터치로 전화를 걸 수 있는 클릭 가능한 전화번호와 같은 사소한 것으로 끝납니다.

하지만 아주 작은 일도 가끔 아주 큰 중요성. 상황을 가정해 봅시다. 예를 들어, 싼 물건을 살 수 있는 사이트가 두 곳 있습니다. 두 사이트의 실제 표현은 동일한 도시(예: 모스크바)에 있습니다. 대표 사무소의 주소가 거기에 표시됩니다. 그러나 첫 번째 사이트에서 주소는 단순히 지하실 어딘가에 쓰여지고 두 번째 사이트에서는 사용자가 클릭하고 즉시 좌표를 얻을 수있는지도로 시각적으로 디자인되었습니다 ... 감정가를위한 질문 : "어디에 매출이 더 높다"? :)

최신 온라인 지도는 사용자에게 특정 장소를 표시하고 이에 대한 정보를 제공해야 하는 모든 작업을 이상적으로 해결합니다. 간략한 참조. 따라서 실제 비즈니스를 나타내는 사이트의 소유자 인 경우 오늘 기사에서 이야기 할 기술에 확실히주의를 기울여야합니다.

카드 삽입 방법

기술적으로 웹사이트에 지도를 삽입하는 것은 매핑 서비스(일반적으로 Google 또는 Yandex)에서 직접 원하는 지형 부분을 표시하는 프레임을 페이지에 추가하는 것입니다. 즉, 우리는 그 아래에 카드가있는 웹 페이지에 일종의 "구멍"을 만듭니다 (예를 들어 YouTube의 비디오가 같은 방식으로 삽입됩니다).

자신의 레이블을 추가하는 상황은 훨씬 더 혼란스러워 보입니다. 예를 들어, 이전 Google은 빨간색 비콘 형태로 태그를 만들고 기본 서비스에서 바로 설명을 제공하는 것을 허용했습니다. 그런 다음 JavaScript API를 사용하여 이 가능성을 실현했습니다. 하지만 작년부터 API가 유료화되고 메모가 포함된 Google 지도를 사이트에 추가하는 공식 방법은 서비스가 유일합니다." 내 카드 ".

이와 관련하여 Yandex는 처음에 훨씬 더 편리합니다. 완전한 API를 제공할 뿐만 아니라 JavaScript에 대한 지식 없이도 시각적 작업을 위해 기성품 웹 인터페이스("Map Constructor")를 제공합니다(사실 "내 지도"와 유사)!

실제로 Google 및 Yandex 외에도 지도에 표시를 할 수 있는 다른 서비스가 많이 있습니다. 우리는 또한 그들에 대해 이야기 할 것이지만 덜 자세히 설명합니다. 이제 지도 제작의 거인들이 우리가 할 수 있는 일에 초점을 맞추겠습니다.

Google 지도의 태그

그건 그렇고, 그러한지도는 내비게이터가 좌표를 얻는 데 적합하지만 보통 사람은 어디로 가야하는지 이해하지 못할 것입니다. 올바른 장소시각적으로 표시되지 않습니다. Google 지도에서 유용한 정보 레이블을 만들려면 다음이 필요합니다. 구글 계정그리고 그들을 사용 공식 서비스 "내 카드 ".

이 서비스를 통해 사용자는 다음 작업을 수행할 수 있습니다.

  • 설명 및 사진이 포함된 태그 추가
  • 점 사이의 거리를 측정할 수 있는 경로를 배치합니다.
  • 그들에 의해 형성된 닫힌 그림의 거리와 면적을 측정하는 능력으로 임의의 선을 그립니다.

시작 페이지서비스에는 이전에 생성한 지도 목록(비어 있을 수 있음)과 버튼이 포함되어 있습니다. "만들다 새 지도" . 작업을 시작하겠습니다. 클릭하면 약간 특이한 컨트롤이 있는 친숙한 Google 지도가 눈앞에 열립니다. 신중하게 고려합시다.

작업 공간의 상단에는 지도에 자신의 마크를 추가할 수 있는 도구 모음이 있습니다. 왼쪽에는 큰 레이어 컨트롤 패널이 있습니다. 이 패널은 그래픽 편집기. 한 레이어에 요소를 무제한으로 배치할 수 있지만 그 중 하나를 숨겨야 하는 경우 삭제하기만 하면 됩니다. 처음에 각 요소를 자체 레이어에 추가한 다음 숨기려면 가시성을 끄는 것으로 충분합니다.

작은 버튼에도주의를 기울일 가치가 있습니다. "기본 지도"사이드바에. 그것의 도움으로 지도 자체의 스타일을 변경할 수 있습니다(예를 들어, 저는 "위성" 스타일을 선호합니다).

마커를 설정하려면 지도에서 원하는 영역과 작업할 축척을 선택한 다음 "마커 추가" 도구를 활성화하고 표시할 지점을 클릭합니다. 작은 마커가 나타나고 그 위에 두 개의 텍스트 입력 필드가 있는 팝업 상자가 나타납니다. 간단한 설명:

입력한 기본 데이터를 저장하면 레이블이 현재 활성 레이어에 추가되고 설정을 위한 몇 가지 새로운 옵션이 제공됩니다. 먼저 사이드바에서 레이블 자체 위에 섹션이 있습니다. "개인적인 스타일". 그것을 클릭하면 마커 옆에 표시될 서명을 선택할 수 있습니다. 태그 이름이나 설명을 한 줄로 줄이면 서명 역할을 할 수 있습니다.

둘째, 추가된 마커 위의 팝업 창에도 새 도구가 나타납니다. 설명을 편집하는 것 외에도 다음을 변경할 수 있습니다. 모습중 하나를 선택하여 마커 자체 표준 아이콘또는 사진을 업로드하여("더보기" - "사용자 지정 아이콘" 버튼). 또한 특수 버튼을 사용하여 설명 패널에 표시할 사진을 업로드할 수 있습니다. 그리고 마지막으로 마지막에서 두 번째 버튼을 사용하여 추가한 지점과 다른 목적지 사이의 경로를 생성할 수 있습니다. 결과적으로 다음과 같은 결과를 얻을 수 있습니다.

결과 코드를 최적화하는 문제에 대해 조금 이야기하고 싶습니다.

사실은 기본적으로 지도와 함께 삽입하는 프레임에 명확한 주어진 치수. 오늘날에는 가능한 한 화면 크기에 자동으로 조정되는 적응형 레이아웃을 수행하는 것이 중요합니다. HTML 표준에 따르면 프레임의 너비와 높이는 백분율로 지정할 수 없으므로 코드에서 이러한 매개변수를 모두 제거하고 일부 CSS 클래스로 대체하고 CSS 또는 인라인 스타일을 사용하여 치수를 설정하는 것이 좋습니다.

옵션 1. 클래스와 함께(더 정확함)

Google 지도(너비:100%; 높이:480px;)

옵션 2: 인라인 스타일

다음은 사이트에 아름답고 기능적이고 유효하게 삽입된 Google 적응형 지도를 얻는 방법입니다.

Yandex 지도에 자신의 표시

위에서 언급한 것처럼 Yandex에는 처음에 지도 편집 옵션이 더 많았습니다. 첫째, "People's Map" 서비스가 여전히 존재하고 발전하여 모든 사람이 공통 지도에 자신의 메모를 작성할 수 있습니다. 둘째, 웹마스터가 지도의 모양과 레이블의 모양을 최대한 사용자 지정할 수 있는 본격적인 JavaScript API가 있습니다. 그리고 세 번째로, 자바스크립트에 익숙하지 않은 분들을 위해 API의 대부분의 기능을 구현하는 비주얼 서비스 "Map Constructor"가 있습니다! 살펴보겠습니다.

"내 지도"에서와 같이 여기 인터페이스는 추가한 태그 목록과 지도 설정을 표시하는 사이드바와 상단에 있는 기능 키를 표시하는 사이드바로 나누어져 있습니다. 그러나 여기에서 기회는 더 적습니다. 표준 마커(또한 아이콘 형태인 경우 서명 없이만), 선 그리기(경로 배치와 유사) 및 다각형만 추가할 수 있습니다. Google에 없는 유일한 혁신은 교통 체증을 표시하는 기능입니다. 그러나 이것은 대도시에만 해당됩니다.

여기의 작업 알고리즘은 "내 카드"와 동일합니다. 필요한 지도 섹션을 찾고 도구를 활성화합니다. "점수"클릭하여 올바른 위치에 마커를 추가합니다. 표시되는 팝업 창에서 마커의 색상, 유형("쉼표" 또는 "점")을 설정할 수 있으며 텍스트 또는 사용자 지정 아이콘을 추가하여 약간 꾸밀 수도 있습니다(그러나 이 경우 서명 텍스트는 표시되지 않습니다). 레이블 오른쪽에 표시되는 서명 외에도 마커를 클릭하면 표시되는 간단한 설명을 추가할 수 있습니다.

레이블을 추가한 후 경로와 유사하게 레이블을 연결할 수 있습니다. 이렇게 하려면 도구를 활성화하십시오. "윤곽"그리고 미래 경로의 기준점을 그립니다. 마지막 지점에서 완료하려면 다시 클릭하고 "완성하기 위해". 이상하게도 이 기능은 Google 경로에 비해 몇 가지 장점이 있습니다. 첫째, 도로가 없는 곳에서도 선을 놓을 수 있어 보행자의 길을 보다 정확하게 놓을 수 있고, 둘째, 완성된 선의 길이가 사이드바에 표시되어 매우 편리합니다.

기본적으로 그게 전부입니다. 표시가 있는 카드 코드를 얻으려면 버튼을 클릭하십시오. "저장하고 계속" (측면 패널아래) 그리고 열리는 창에서 지도에서 보이는 부분의 크기를 조정합니다. 적응성을 위해 옵션을 활성화하는 것이 좋습니다. "너비로 늘이기", 그 후에 버튼을 누르는 것으로 충분할 것입니다. "카드 코드 받기":

Google과 달리 Yandex는 지도를 프레임 형태가 아니라 스크립트 형태로 제공하며, 이는 사이트 페이지의 올바른 위치에 유사하게 삽입됩니다. JavaScript를 이해하고 있다면 스크립트를 약간 다시 작성하여 위치 표시 아이콘을 교체하고 설명에 그림을 추가하여 지도의 모양을 크게 개선할 수 있습니다(지침 또는 ). 그러나 원칙적으로 모든 것이 그것 없이는 꽤 괜찮아 보입니다.

기타 온라인 지도

Google과 Yandex는 확실히 우리나라에서 가장 좋아하는 것입니다. 그러나 해외에는 동일한 Google 지도 또는 자체 지도를 사용하고 표시를 적용할 수 있을 뿐만 아니라 본격적인 경로 프레젠테이션을 만들 수 있는 가치 있는 서비스가 많이 있습니다! 그 중 일부를 간략하게 설명하겠습니다.

오픈 스트리트 맵(OSM)

카드 오픈스트리트맵지역의 지도와 더 비슷합니다. 풍경과 집에 대한 자세한 렌더링은 없지만 그럼에도 불구하고 실제 사람이 완전히 만들고 직접 편집할 수 있는 유일한 온라인 지도입니다. 사용자의 활동으로 인해 지구상의 일부 장소에 있는 OSM 지도는 Google 지도보다 훨씬 더 정확한 정보를 표시합니다(모든 곳에서 멀리 떨어져 있지만)!

가능성에 관해서는 여기에서 설명과 함께 레이블을 설정하고 경로를 그릴 수 있습니다. 또한 GPS 추적기가 있는 경우 경로 데이터를 지도로 직접 내보낼 수 있습니다. OpenStreetMap 지도에는 고급 편집 모드도 있습니다. 이 모드에서는 Bing 지도가 기본으로 표시되며 Google의 "내 지도"와 유사한 메모를 작성하고 선과 모양을 그릴 수 있습니다. 저장된 모든 수정 사항은 다음으로 이동합니다. 일반 카드, 따라서 고의적으로 잘못된 정보로 다른 사용자를 오도하지 않도록 변경할 때 주의하십시오!

ScribbleMaps

영어 인터페이스를 두려워하지 않고 초기 Google 지도 스타일의 레이블이 있는 지도를 얻으려면(설명, 사진 및 클릭 시 동영상이 포함된 팝업 창 포함) 서비스를 좋아할 것입니다. ScribbleMaps:

이 서비스를 사용하면 가장 인기 있는 리소스(Google 및 OSM 포함)의 지도를 바탕으로 사용할 수 있으며 이미 수많은 표시, 모양, 경로를 설정하고 그 위에 이미지나 텍스트 레이블만 설정할 수 있습니다. 간단히 말해서, 가능한 한 많은 정보를 매핑해야 하는 경우 ScribbleMaps가 도움이 될 것입니다.

그러나 이 서비스에는 여러 가지 부정적인 측면이 있다는 점에 유의해야 합니다. 일부 기능은 소위 VIP 사용자에게만 유료로 제공됩니다. 그러나 원칙적으로 라벨과 그림을 삽입하기 위해 "VIP"가 될 필요는 없습니다. 게다가 등록 없이도 지도를 만들고 코드를 받아 사이트에 삽입할 수 있습니다! 이런 모순이 있습니다 :)

애니맵

갑자기 방문자에게 지도상의 한 장소가 아니라 경로를 명확하게 보여주고 싶다면 서비스가 도움이 될 수 있습니다. 애니맵:

AniMaps를 사용하면 다음을 추가할 수 있습니다. 표준 카드 Google은 코스를 따라 특정 이미지 또는 텍스트 설명을 라우팅하고 표시합니다. 지도 위의 시간 슬라이더를 사용하여 주어진 경로를 따라 이동 속도를 직접 설정합니다. 작업 결과는 표시한 장소에서 "정류장"이 있는 경로를 자동으로 표시하는 것입니다.

등록 없이 경로를 생성할 수 있지만 등록된 사용자만 사이트에 포함할 코드를 얻을 수 있습니다.

결론

모든 것을 미리 알고 있다면 사이트에 지도를 삽입하는 것은 어렵지 않습니다 필요한 서비스이것을 위해. 동시에 일반적으로 프로그래머나 IT 전문가가 될 필요는 없습니다. 모든 것이 시각적 모드에서 이루어집니다! 결국 당신은 항상 얻을 것이다 완성된 코드, 특별한 플러그인을 설치하지 않고도 사이트 페이지의 텍스트에 간단히 삽입할 수 있습니다.

웹 기술 분야에 대한 최소한의 기본 지식이 있으면 수신된 지도의 코드를 적응형으로 만들거나(Google의 경우와 같이) 추가 요소를 추가하여(Yandex에서와 같이) 약간 개선할 수 있습니다. 수많은 외국 온라인 지도 제작 서비스의 수단을 사용하여 지도에 애니메이션으로 사용자를 놀라게 할 수 있습니다! 그러나 제안이 더 흥미로울수록 더 많은 고객을 끌어들일 것입니다.)

추신 소스에 대한 열린 활성 링크가 표시되고 Ruslan Tertyshny의 저자가 유지되는 경우 이 기사를 자유롭게 복사하고 인용할 수 있습니다.

사이트를 만들 때 조직의 위치를 ​​나타내는 지도를 삽입해야 하는 경우가 종종 있습니다. 사실, 사이트의 지도는 매우 편리합니다. 무엇보다도 사용자를 위한 것입니다. 그들은 귀하의 리소스를 떠나지 않고 즉시 귀하를 찾는 방법, 주변에 무엇이 있는지 확인하고 귀하의 조직이 자신의 위치에서 얼마나 멀리 떨어져 있는지 확인할 수 있습니다. 모든 사람이 사이트에 지도를 삽입하는 방법을 아는 것은 아닙니다. 그리고 그것은 매우 매우 쉽습니다!
이 기사에서는 몇 분 만에 사이트 페이지에 원하는 위치의 지도를 삽입하는 방법을 알려 드리겠습니다.

웹사이트에 지도를 삽입하는 방법

따라서 사이트에 지도를 삽입하기 위해 Google의 서비스를 사용합니다.

1. 가장 먼저 해야 할 일은 Google 지도 웹사이트로 이동하는 것입니다.

2. 이제 필요한 모든 작업을 수행하려면 "클래식 인터페이스"로 이동하는 것이 가장 좋습니다.

이렇게 하려면 화면 오른쪽 하단 모서리에 있는 물음표 아이콘을 클릭합니다.

"클래식 인터페이스"를 선택해야 하는 작은 풀아웃 메뉴 패널이 앞에 열립니다.

그런 다음 클래식 인터페이스를 사용하려는 이유를 묻는 또 다른 팝업 창이 나타납니다. 항목 중 하나를 선택하거나 확인할 수 없지만 바로 아래의 파란색 링크 "클래식 인터페이스"를 즉시 클릭하십시오.

그런 다음 클래식 인터페이스로 이동합니다. 구글지도, 사이트 페이지에 지도를 배치하는 데 필요한 모든 것이 있습니다.

3. 이제 주소 입력 필드에 필요한 주소를 입력합니다. 국가, 도시, 거리 및 집, 즉 전체 주소를 지정해야한다는 것을 잊지 마십시오.

결과적으로 빨간색 마커로 표시된 지도에서 위치를 받게 됩니다.

4. 이제 웹 페이지에 포함할 코드를 가져와 일부 설정도 지정해야 합니다.

내장 코드를 얻으려면 아이콘을 클릭하여 링크나 코드를 가져와야 합니다(프린터 아이콘 오른쪽에 있음).

5. 여기에서 웹사이트에 추가하기 위한 HTML 코드(두 번째 필드)에 관심이 있습니다.

또한 이 코드에서 변경할 수 있는 일부 매개변수를 볼 수 있습니다. 이것은 지도의 크기, 즉 높이와 너비입니다. 맵의 프레임을 설정할 수도 있습니다. 기본적으로 프레임 값은 0이지만 예를 들어 1로 설정하여 이를 변경할 수 있습니다.

필요한 경우 웹 페이지의 코드에서 수행할 수 있지만 이러한 매개변수를 변경합니다. 필요하지 않은 경우 전체 코드를 복사하면 됩니다.

6. 이제 지도를 보고 싶은 웹페이지 위치에 복사한 코드를 붙여넣기만 하면 됩니다.

맵을 위해 특별히 별도의 "div" 블록을 생성한 다음 스타일시트 파일을 통해 스타일을 지정할 수 있습니다.

여기에 내 카드를 붙여넣겠습니다. 그것이 어떻게 보일지보십시오.

결과적으로 사용자는 마커로 표시된 내 위치를 볼 수 있습니다. 그는 지도를 이동하고 확대 및 축소할 수 있습니다.

또한, 귀하의 주소가 있는 상자가 마커 위에 표시됩니다. 아래는 지도를 더 크게 볼 수 있는 링크입니다.

따라서 모든 것이 매우 간단하고 기능적이며 편리합니다.

건강에 사용!

이 강의가 도움이 된다면 기쁠 것입니다. 감사의 의미로 댓글을 남기고 버튼을 사용하여 기사를 공유하십시오. 소셜 네트워크, 아래에 있습니다.

또한 아직 구독하지 않은 경우 블로그 업데이트를 구독하십시오. 유익한 자료 많이 부탁드립니다.

Anna Kotelnikova가 함께했습니다.

행운을 빕니다 그리고 또 뵙겠습니다.

수업 자료 활동

Yandex Metrika 및 구글 애널리틱스어떻게 설정합니까?

이 문제를 살펴보겠습니다.

시간이 없거나 그러한 목표를 설정하는 모든 기능에 뛰어들고 싶지 않다면이 작업을 나에게 맡기십시오. 나는 당신을 위해 모든 것을 할 것입니다.

Yandex Metrica 시스템에서 목표는 설정 - 목표 메뉴에서 찾을 수 있습니다.

Google 애널리틱스에서 목표는 프레젠테이션 수준에 있으며 목표라는 메뉴 항목이 있습니다.

이 "목표"는 어떤 종류의 도구이며 무엇을 위한 것입니까?

방문자가 귀하의 사이트를 방문하면 다른 행동. 한 페이지에서 다른 페이지로 이동하기 시작하고, 사이트의 양식을 작성하기 시작하고, 일부 요소(예: 버튼, 슬라이더, 이미지 등)를 클릭하고 다양한 링크 등을 따라갈 수 있습니다. d.

사이트의 목적, 사이트를 만든 목적에 따라 방문자가 취하는 일부 작업은 다른 것보다 귀하에게 더 가치가 있을 수 있습니다. 나머지 항목보다 먼저 강조 표시할 수 있습니다.

어떤 종류의 사이트와 어떤 용도로 사이트를 만들었는지에 따라 이러한 유형의 작업이 다를 수 있으며 이러한 작업 중 어떤 작업이 더 가치 있는 작업인지 스스로 결정할 수 있습니다.

예를 들어 온라인 상점의 경우 이러한 가치 있는 작업은 다음과 같을 수 있습니다.

제품 구매

"장바구니에 담기" 버튼 클릭

구매 버튼 클릭

온라인 상점에 대한 이러한 조치는 판매에 직접적인 영향을 미칩니다. 이 온라인 상점이 만들어진 주요 목적은 상품을 판매하기 위해 만들어졌습니다. 따라서 사용자가 제품 구매를 위해 취하는 모든 행동은 표적이 사이트의 경우.

뉴스 사이트의 경우 작업이 다소 다를 수 있습니다. 예를 들어, 뉴스 사이트는 최대한 많은 사람들에게 최대한 빨리 다가가는 것을 목표로 할 수 있습니다. 이를 위해서는 사람들이 이 사이트에 참여하고, 흥미롭고, 다시 가고 싶어하는 것이 중요합니다.

따라서 뉴스 사이트의 경우 이러한 가치 있는 행동은 방문자가 사이트 페이지를 탐색하는 깊이, 사이트 페이지를 탐색하는 깊이 및 사이트에서 보내는 시간이 될 수 있습니다.

웹 분석 시스템을 사용하면 사이트 방문자의 이러한 가치 있는 행동을 목표라는 별도의 그룹으로 분리할 수 있습니다.

사실 분석 보고서에는 기본적으로 방문수, 방문자 수, 이탈 수, 시청 깊이, 사이트 시간과 같은 분석 지표가 표시되지만 사용자가 페이지에서 수행하는 특정 작업은 표시되지 않습니다.

웹 분석 시스템에서는 기본적으로 일부 링크 클릭, 페이지 일부 영역 클릭, 양식 작성 등을 볼 수 없습니다.

페이지에서 사용자가 추가로 수행하는 이러한 모든 이벤트는 웹 분석 시스템에서 별도로 구성해야 하며 이러한 이벤트를 감지하고 볼 수 있도록 목표를 사용하여 수행할 수 있습니다.

목표귀하에게 중요한 방문자의 행동을 기록할 수 있는 도구입니다.

설정하면 웹 분석 시스템이 이러한 작업을 "보기" 시작합니다.

사이트의 맞춤형 목표는 무엇을 제공합니까?

1) 귀하로부터 구매하거나 다른 행동을 수행하는 사람들을 귀하의 사이트로 데려오는 소스에 대해 이해하게 될 것입니다. 귀하의 사이트를 타겟으로 한 방문자가 어디에서 왔는지 알 수 있습니다.

자신에게 맞는 소스를 알면 거기에 투자할 수 있습니다. 더 많은 돈관심을 갖고 더 많은 결과를 얻으세요.

2) 얼마나 많은 사람들이 귀하의 사이트를 방문했는지에 대한 데이터뿐만 아니라 귀하에게 중요할 이 작업이나 목표 작업을 수행한 사람의 수에 대한 데이터를 보여주는 시각적 보고서를 작성할 수 있습니다. 목표 달성 및 전환 열이 나타납니다.

3) 다단계 프로세스를 위한 깔때기를 구축할 수 있습니다.

이러한 깔때기의 도움으로 방문자가 제거되는 다단계 프로세스의 단계와 수를 확인할 수 있습니다. 약한 연결 고리가 보일 것이며 어떤 단계에서 문제가 있을 수 있으며 더 많은 주의를 기울여야 한다는 결론을 내릴 수 있습니다.

4) 목표를 설정하면 보고서에서 타겟 방문만 필터링할 수 있습니다.

5) 사이트에서 타겟 액션을 완료한 사람들은 Yandex Direct, Google 애드워즈. 목표의 도움으로 특정 방문자 그룹이 귀하에게 충성하고 그들이 귀하의 제품 또는 서비스에 관심이 있다는 것을 알게 되며 관심 있는 이 세그먼트의 사람들에게만 광고하고 광고 비용을 적게 지불하고 더 많은 결과를 얻을 수 있습니다.

목표는 돈이 어디에 있는지 보여주는 도구입니다.

웹사이트 통계 분석 프로세스에 명확성을 더합니다.

특히 이 사이트가 판매에 관한 것이라면 목표가 귀하의 사이트에 중요하다는 것을 귀하에게 확신시킬 수 있기를 바랍니다.

목표, 설정 방법 및 위치에 대해 자세히 알아보려면 다음 비디오로 이동하십시오.

사이트의 목표를 선택하면 많은 기능, 논쟁의 여지가 있고 수사학적인 질문이 있을 수 있습니다.

사이트에서 목표를 설정해야 하는 이벤트와 설정하지 말아야 하는 이벤트를 결정하는 방법을 함께 배우도록 합시다.

2) 이 사이트에서 어떤 이벤트를 목표로 설정할 것인지 쓰십시오. 이러한 이벤트를 선택한 이유는 무엇입니까? 왜 중요 함?

쓰고, 이해하고, 토론하고, 함께 배우겠습니다.