Reshuffle과 Twilio를 사용하여 Google Analytics에서 문자 이벤트 추적

8555 단어 googleanalyticstwilioreshuffleopensource
Google Analytics는 웹 사이트에 대한 유용한 정보를 제공하는 강력한 도구입니다.방문자가 누구인지, 어떤 내용을 보고 싶은지, 응용 프로그램과 상호작용할 때의 행동을 알려준다.대부분의 경우, 이 데이터들은 클라이언트에서 수집됩니다. 브라우저이기 때문에, 사용자의 속성에 쉽게 접근할 수 있습니다.클라이언트 추적도 쉽게 구성할 수 있으며 Google Analytics (여기서부터 GA) 는 HTML에 쉽게 복사하고 붙여넣을 수 있는 코드를 제공합니다.
만약 당신이나 당신의 마케팅 팀이 사이트나 응용 프로그램과 상호작용하지 않은 상황에서 동작을 터치하려고 한다면 어떻게 해야 합니까?만약에 Twilio가 지원하는 문자 마케팅 활동이 있다면, 마케팅 팀은 Twilio 계기판의 새로운 메시지 분석을 사용하지 않고 GA를 더 좋아합니다. 해결 방안은 웹 브라우저 (클라이언트) 에서 데이터를 수집하는 것이 아니라 서버 쪽 추적입니다. 이벤트는 백엔드 서버에서 수집됩니다.이런 유형의 추적은 일반적으로 구축하기 어렵다고 여겨지지만 본고에서 사용자 정의 이벤트를 GA에 직접 보내는 것이 얼마나 쉬운지 볼 수 있다.

개편하다 어떻게 그것을 건조합니까


Twilio 번호가 전송된 텍스트 메시지를 받을 때 GA에 직접 데이터를 보내는 SMS 예제를 계속 사용할 것입니다.너는 이곳에 두 가지 서비스가 있다는 것을 알아차릴 것이다.재편성은 서비스 간의 통합을 쉽게 하기 때문에 귀하는 업무와 고객에게 독특한 체험과 결과를 제공할 수 있습니다.
시작하려면 다음 서비스에 대한 자격 증명이 필요합니다.
GA의 추적 ID:
  • 에 로그인
  • 관리 > 속성 만들기
    • 클릭
  • 속성 이름 입력
  • 고급 옵션 보기
    • 를 클릭합니다.
  • 일반 분석 속성 생성
    • 열기
  • 일반 분석 속성만 생성
    • 선택
  • 웹 사이트 URL에서 사용자 재구성 실행 URL
    • 을 사용합니다.
  • 다음을 클릭한 다음 생성
    • 을 클릭합니다.
  • 나중에 구성에 필요하므로 추적 ID(예: UA-XXXXXXX)를 복제합니다.
    • Twilio 인증서:
  • 무료 Google Analytics Platform 계정 만들기
  • 계정 SID, 인증 토큰을 복제하고 전화 번호를 생성합니다. 나중에 구성 섹션
    • 에 필요합니다.
    참고: Twilio webhook을 로컬에서 테스트하는 방법에 대한 지침을 참조하십시오.웹훅을 설정하려면 전화번호를 선택하고 메시지로 아래로 스크롤하고 방법과 경로를 추가한 다음 저장하십시오.
    Reshuffle는 소스, 경량, 이벤트 구동 프레임워크로 서비스 통합을 도와줍니다. 이러한 통합과 작업 흐름은 Reshuffle 프로그램에서 만들어집니다.이러한 서비스와 상호작용을 할 수 있는 대상을 연결기라고 합니다.
    전체 문서에 대한 자세한 내용은 링크를 참조하십시오.
  • Twilio
  • Reshuffle
  • Google Analytics Connector
    • 인코딩을 시작합시다.우리는 이 예의 소프트웨어 패키지가 필요하다.그리고 Twilio와 GA 연결기를 우리가 이전에 얻은 증빙서류로 설정하는 재구성 프로그램을 시작합니다.
    const { Reshuffle, HttpConnector } = require("reshuffle");
const { TwilioConnector } = require("reshuffle-twilio-connector");
const { GoogleAnalyticsConnector } = require("reshuffle-google-connectors");

 const app = new Reshuffle();

 const twilioConnector = new TwilioConnector(app, {
   accountSid: process.env.TWILIO_ACCOUNT_SID,
   authToken: process.env.TWILIO_AUTH_TOKEN,
   twilioNumber: process.env.TWILIO_NUMBER,
 });

 const gaConnector = new GoogleAnalyticsConnector(app, {
   trackingId: process.env.GOOGLE_UA_TRACKING_ID,
 });

 // Code listed further down
 // will be inserted here

app.start()
    Reshuffle는 이벤트 구동 프레임워크이기 때문에 감청이 필요한 이벤트를 정의해야 합니다.이런 상황에서 트와이리오 인터페이스를 통해 트와이리오 번호에 들어온 문자메시지를 들을 수 있다.
    우리는 활동에서 정보와 전화번호를 추출할 수 있다.귀하 또는 마케팅 팀에서 이 정보를 저장하고자 하는 경우 저희는 다른 개조Twilio Connector를 통해 이 활동을 GA에게 직접 보낼 수 있습니다. 이를 위해 GA 커넥터 조작trackEvent을 사용합니다.
    참고: trackEvent의 매개 변수(카테고리: 문자열, 액션: 문자열, 태그?: 문자열, 값?: 문자열|번호)
     twilioConnector.on({ method: "POST", path: "/sms" }, async (event, app) => {
   const messageReceived = event.req.body.Body;
   const fromPhoneNumber = event.req.body.From;
   console.log(`New SMS received from ${fromPhoneNumber}: ${messageReceived}`);

   await gaConnector.trackEvent(
     "SMS", //category
     "SMS Received", //action
     "user engagement" //label
   );
 });
    이렇게!소량의 코드만 있으면 마케팅 팀에서 검토할 수 있도록 사용자 정의 활동을 GA에게 직접 보낼 수 있습니다.이 기능을 시도할 경우 실시간 GA 대시보드는 다음과 같습니다.
    connector

    지금


    개발자와 프로젝트 관리팀이 통합 응용 프로그램을 사용하는 편리성을 체험함에 따라 통합 작업 흐름이 팀의 이익을 얻을 수 있는 다른 측면을 고려할 것을 권장합니다.이렇게 많은 다른 도구가 있으면, 네가 그것들을 하나의 공공 인터페이스에 통합할수록, 사람들은 더욱 쉽게 일을 완성할 수 있다.
    Reshuffle은 고객의 요구 사항과 요구 사항에 귀를 기울입니다.통합할 서비스의 연결기를 보지 못했습니까?다음에 어떤 연결기를 개발하길 원하는지 추문을 보냅니다.
    Node 학습(5)--Stream
    iOS - 두 NSIndexPath 객체의 올바른 비교 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage