이 기사의 내용은 WeChat 애플릿의 데이터 사용자 정의 분석 과정에 관한 것입니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구가 참고할 수 있기를 바랍니다.
미니 프로그램의 배경에는 WeChat이 실시간 통계, 접속 분석, 소스 분석, 사용자 초상화 기능 등 강력한 데이터 분석 기능을 제공하고 있는데, 이는 일반적인 데이터 분석에 있어서는 충분히 충분하다고 할 수 있습니다. 애플리케이션이 더 많은 작업을 수행해야 합니다. 특정 페이지 공유, 페이지의 버튼 클릭 등 정확한 데이터 분석을 위해서는 사용자 정의 분석 기능을 사용해야 합니다.
맞춤 분석이란 무엇인가요?
공식 문서 인용:
사용자 정의 분석은 유연한 다차원 및 실시간에 가까운 사용자 행동 분석을 지원합니다. 사용자 정의 보고를 통해 미니 프로그램에서의 사용자 행동을 세련된 방식으로 추적하여 요구 사항을 충족할 수 있습니다. 페이지 방문 등 표준 통계에 대한 맞춤형 분석이 필요합니다.
맞춤 이벤트 만들기
안내에 따라 이벤트의 영어 이름과 중국어 이름을 모두 입력하세요. 두 이름 모두 고유하며 이미 설정된 이름으로 설정할 수 없습니다. , 설정할 때 최대한 간결하게 노력하세요. 이름과 의미도 알아야 합니다
구성 방법에는 구성 작성 및 API 보고가 포함됩니다.
구성 템플릿: 공식에서는 페이지 입장, 페이지 나가기, 미니 프로그램 내 공유 등 직접 사용할 수 있는 몇 가지 사용자 정의 이벤트 템플릿을 제공했지만 이러한 이벤트의 분석 세분성은 상대적으로 낮습니다. , 전체 애플리케이션을 대상으로 특정 페이지
에 대해서만 구성을 작성하는 방법을 수정할 수 있습니다.
클릭 시 클릭 트리거
enterPage 트리거 , 새 열기, 백업 및 전경으로 전환을 포함하여 모두 페이지 진입에 속합니다
leavePage 페이지를 떠날 때 트리거되고 배경으로 전환을 포함하여 모두 페이지 나가기에 속합니다
pageLoad 새 페이지를 열 때 트리거되며, 즉, 처음으로 페이지에 진입
pageUnload 페이지를 재활용할 때 트리거
pullDownRefresh 풀다운하여 새로고침할 때 트리거
launch loading 미니 프로그램
Background에서 트리거 백그라운드
foreground로 전환 시 트리거 foreground로 전환
share 메뉴 공유 오른쪽 상단 모서리에 있는
switchTab 페이지 전환을 위해 switchTab 인터페이스가 호출될 때 트리거됩니다.
action은 트리거 당시의 작업을 나타내며 한 번에 보고됩니다. 즉, 클릭할 때마다 데이터가 수집된 데이터 중 일부가 보고되는 경우에도 단계별 보고가 이해되지 않습니다.
페이지는 이벤트가 발생할 페이지를 의미합니다. 여기에 입력하는 내용은 app.json에 구성된 페이지 경로와 동일해야 합니다.
data는 선택 사항이며 다음과 같은 경우 일부 데이터를 전달하는 데 사용됩니다. 이벤트가 트리거됩니다. 여기서 필드 값은 현재 페이지의 데이터에 있는 데이터 이름입니다
예를 들어
전자상거래 애플릿에서 사용자는 추가할 제품을 클릭하는 동작을 하게 됩니다. 이 작업에 대한 데이터를 분석할 수 있습니다. 구성을 입력하는 방법은 다음과 같습니다.
이벤트의 영어 및 중국어 이름을 입력합니다.
이벤트 구성을 입력하고 방법을 정의합니다. 데이터 수집:
이 예에서는 하나의 작업을 사용하여 "장바구니에 추가" 이벤트를 보고합니다.
trigger: 트리거 조건, 클릭, 클릭 작업이 트리거됨을 나타냅니다.
action: 트리거될 때의 작업, 한 번 보고되며 각 클릭에서 데이터가 수집되어 데이터 조각으로 보고됨을 나타냅니다. 페이지에서 viewProduct를 입력합니다( viewProduct는 제품 세부정보 페이지입니다).
element: 트리거 요소, .addToCart를 입력합니다(.addToCart는 "장바구니에 추가" 버튼입니다).
data: 이벤트의 데이터 및 소스입니다. , "필드 이름 필드 값"을 사용하여 페이지에서 필드 값이 변수인 위치를 나타냅니다.
필드 값에 대해 자세히 설명하자면 다음과 같은 규칙이 있습니다.
채워지는 변수 이름은 기본적으로 페이지 인스턴스의 데이터 필드에서 가져옵니다.
목록 변수에 의해 렌더링된 목록의 경우 목록 []을 사용할 수 있습니다.*는 배열 첨자가 현재 채워진 요소(클래스만 가능)에서 얻은 NodeList 수를 기반으로 결정된다는 것을 의미합니다.
목록이 2차원인 경우 목록[](file:///Users/wanghui/Blog/source/_posts/WeChat-miniprogram-data-analytic-custom-analytic.md#)으로 표현할 수 있습니다. *, 여기서 요소는 각각 상위 목록과 하위 목록을 나타내기 위해 두 개의 클래스(공백으로 구분)를 채워야 합니다.
배열의 첨자를 얻으려면 list[].$INDEX를 사용하여 표현하면 됩니다.
wxml에서 data-series 속성의 값을 얻으려면 $DATASET을 사용하면 됩니다. express it
앱 인스턴스의 데이터를 가져오려면 $APP.*로 표현하면 되며, 숫자, 문자열, 부울과 같은 기본 유형의 데이터 가져오기만 지원합니다.
또한 "$"로 시작하는 일부 제공된 시스템 속성을 채울 수도 있습니다. 현재 지원되는 속성은 다음과 같습니다.
$PAGE_TIME 사용자가 이 페이지에 들어온 시간입니다. 현재 시간으로 (트리거 액션이 실행되는 시점)
$APP_TIME 사용자가 미니프로그램에 진입한 현재 시간(액션이 실행되는 시점)
#🎜🎜 #$CURRENT_PAGE 현재 사용자가 있는 페이지# 🎜🎜#$LAST_PAGE 이전 페이지
참고: 데이터가 비어 있을 경우 이벤트 보고서는 시스템 기본 필드에서만 데이터를 수집합니다.# 🎜🎜#이 예에서 데이터에는 4개의 항목이 있습니다:# 🎜🎜#product_id: itemID
product_name: itemName
product_price: 가격
# 🎜🎜#product_category: Categoryie: # 🎜🎜#이벤트의 product_id 필드는 viewProduct 페이지의 페이지 인스턴스 데이터에서 itemID 필드를 수집합니다.
이벤트는 viewProduct 페이지의 페이지 인스턴스 데이터에서 itemName 필드를 수집합니다.
이벤트의 product_price 필드는 viewProduct 페이지의 데이터에서 가격 필드를 수집합니다. viewProduct 페이지의 페이지 인스턴스
이벤트의 product_category 필드는 viewProduct 페이지 카테고리 필드의 페이지 인스턴스 데이터에서 가격 필드를 수집합니다.
위 내용; 의미: 사용자가 viewProduct 페이지에서 .addToCart 버튼을 클릭하면 기록이 add_to_cart에 보고됩니다. 이벤트의 이벤트, product_id, product_name, product_price, product_category 필드, 값은 페이지의 itemID, itemName, 가격, 카테고리입니다.
구성을 입력한 후 클릭하여 해당 항목을 확인하세요.
이때 add_to_cart 이벤트에 포함된 특정 필드에 대해 프롬프트가 표시되며 해당 필드의 이름, 데이터 유형 및 비고 정보를 계속 추가합니다. API 보고 정보API 보고는 구성을 작성하는 것보다 유연하지만 일부 코드 변경이 필요하며 새 버전 출시가 필요합니다. 구성 작성이 거의 완료되었습니다. 코드 변경이 필요하지 않으므로 새 버전을 출시할 필요가 없습니다. 보고할 API를 선택할 때 보고해야 하는 다음 매개변수를 설정할 수 있습니다. 🎜##🎜 🎜#
다음으로 생성된 코드를 미니 프로그램 코드에 삽입할 수 있습니다. 다음은 전달 성공 후 성공() 콜백 함수에 제출한 API 보고서입니다.
... // 转发成功 success: function (res) { wx.reportAnalytics('click_share', { page_path: current_page_path, from: from, }); }, ...
구성을 작성하든 API에 보고하든 구성을 작성한 후 저장하고 테스트해야 합니다.
이벤트를 테스트할 때 데이터를 받는 데 약 1~2분 정도 시간이 걸리는 경우가 많습니다. 제때에 정확성을 판단하기 위해 휴대폰의 미니 프로그램 애플리케이션에서 디버깅을 켜면 됩니다. 이렇게 하면 이벤트가 발생할 때마다 콘솔의 로그에 [Custom Analysis]라는 단어가 표시되고, 클릭하면 보고된 매개변수 등 더 많은 데이터를 볼 수 있습니다. inside가 이벤트 이름에 해당하면 아래 스크린샷과 같이 이벤트 트리거가 예상과 일치하는지 빠르게 판단할 수 있습니다.
# 🎜🎜#이를 사용하여 미니 프로그램의 사용자 정의 분석을 찾았습니다. 이 기능은 페이지의 모든 요소와 이벤트를 분석할 수 있으므로 미니 프로그램의 사용법을 완전히 이해하고 분석하고 요약할 수 있습니다. 데이터를 활용하여 제품 반복을 촉진하고 사용자 유지율을 향상합니다.
사용법 JavaScript_javascript 스킬의 사용자 정의 이벤트 분석
WeChat 애플릿의 사용자 정의 토스트 구현 방법에 대한 자세한 설명
위 내용은 WeChat 애플릿의 데이터에 대한 맞춤형 분석 프로세스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
