QR 코드 애플리케이션에 CRM을 추가하는 방법

3798 단어 npmqrcodetutorialnode
대유행이 시작된 이래 거의 모든 곳에서 QR 코드 팝업이 표시되었습니다. 실제로 2018년부터 QR코드 사용량에 94% growth이 있었습니다! 그러나 QR코드는 아직 활용도가 매우 낮습니다. 이 기사에서는 Openscreen의 동적 QR 코드 생성기SDK 및 고객 관계 관리(CRM) 도구를 사용하여 연락처 데이터를 수집하는 데 도움이 되는 강력한 사용 사례를 다룰 것입니다.

왜 QR 코드를 사용합니까?



스마트 제품과의 상호 작용은 2018년 이후 81% 증가했으며 dynamic QR Codes은 실제 광고를 디지털화하는 좋은 방법입니다. 또한 각 QR 코드 스캔에서 귀중한 및 rich data을 수집할 수 있습니다. Openscreen의 SDK를 사용하면 스캔 데이터를 사용하여 향후 캠페인에 사용할 수 있는 contacts을 생성할 수 있습니다. 자세한 내용은 나중에 설명합니다!

QR 코드 SDK 사용



아래 예에서는 Openscreen의 SDK를 사용하여 QR 코드를 만들고 스캔 데이터를 캡처하고 CRM 도구에 연결하는 방법을 다룰 것입니다.

요구 사항



  • node.jsnpm
  • dotenv
  • Axios
  • 오픈스크린account(무료)

  • 설치



    node.js 및 npm을 설치한 후 원하는 디렉토리로 이동하고 아래 명령을 사용하여 OpenscreenSDK을 설치합니다.

    npm i @openscreen/sdk
    

    이제 아래와 같이 다른 종속성을 설치할 수 있습니다.

    npm i axios
    npm i dotenv
    

    환경 세부 정보



    프로젝트를 위한 새 폴더를 만듭니다. 폴더 내에서 .envOS_API_KEY를 저장할 OS_API_SECRET 파일을 만듭니다. Openscreendashboard에서 이러한 세부 정보를 찾을 수 있습니다.

    첫 번째 스마트 QR 코드 생성



    아래 코드는 프로젝트 디렉토리에 스마트 QR 코드 이미지를 반환합니다. 동적 QR 코드 사용의 이점은 이 QR 코드의 대상 URL을 update() 메서드를 사용하여 언제든지 업데이트할 수 있다는 것입니다.




    이제 QR 코드는 스캐너의 연락처 데이터를 캡처할 수 있는 웹 양식으로 연결되어야 합니다. 양식을 제출하면 Openscreen에 대한 연락처를 만들고 CRM 프로필 목록에 연락처를 추가하는 두 가지 API 호출이 트리거됩니다.



    <script id="gist-ltag"src="https://gist.github.com/birinder-lobana/d8a250003b2cd40e8cc395106760602f.js"/>



    전체 코드here를 찾을 수 있습니다.

    Openscreen으로 연락처를 생성하면 QR 코드 프로젝트에 연결된 연락처 데이터베이스에 액세스할 수 있습니다. 또한 스캔 성공 시 미리 정의된 SMS 템플릿을 연락처로 보낼 수 있는 직접 'SMS로 스캔'과 같은 기능을 잠금 해제합니다.

    결론



    몇 줄의 코드를 사용하여 웹 양식에 연결된 동적 QR 코드를 생성하여 CRM 도구에 연락처를 채울 수 있었습니다. 우리는 이러한 연락처를 Openscreen에 추가로 저장하여 동일한 잠재 고객과 향후 QR 코드 관련 캠페인을 실행할 수 있습니다.



    Openscreen Code-locker githubrepository에서 다른 예와 사용 사례를 참조하십시오.



    QR 코드의 흥미로운 사용 사례를 알고 계십니까? 아래에서 공유하세요!

    좋은 웹페이지 즐겨찾기