제품 기반 딜러 찾기 웹사이트 코드 구현

제품 기반 딜러 찾기 웹사이트 코드 구현

1단계: 웹사이트 내에 스크립트 포함

아래 예는 지금 구매 위젯을 사이트와 통합하는 데 필요한 사항을 보여줍니다. 원하는 매개변수를 업데이트한 다음 스니펫을 웹사이트에 복사하기만 하면 됩니다.

  1. <script id="omacro-widget-buynow" src="https://buynow.omacro.com/embedded/bn.loader.js?company=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX&country=auto&validate=false&debug=false" 비동기></스크립트>

회사 매개변수는 회사 식별자로 미리 채워져 있으므로 이 값을 변경할 필요가 없습니다. 모든 스니펫 매개변수는 스크립트 소스에 추가되며 통일 자원 식별자 표준을 준수해야 합니다 .

회사   필수의
Omacro에서 제공한 회사 식별자입니다. 이 ID는 회사 계정이 처음 생성될 때 할당되었으며 절대 변경되지 않습니다. 위의 스니펫 예제에는 이미 회사 식별자가 포함되어 있습니다.
국가
이것은 두 자리 ISO 국가 코드 ISO 3166-1 alpha-2 코드 또는 auto 입니다. 제공되지 않은 경우 사용자가 국가를 선택할 수 있도록 지도가 표시됩니다. 제공되고 자동 으로 설정되지 않으면 사용자에게 지정된 국가에 대한 결과가 즉시 표시됩니다. 자동 으로 설정 하면 국가는 사용자 IP 주소에 의해 자동으로 결정됩니다.
확인
true 인 경우 스니펫은 페이지에서 사용 가능한 각 제품 식별자가 유효한지 확인하고 제품을 반환합니다 . 유효성 검사가 완료되면 스니펫은 각각의 CSS 클래스를 트리거 요소( obn-validate-pass 또는 obn-validate-fail ) 에 추가 합니다. 유효성 검사가 보류 중인 동안 트리거 요소에는 CSS 클래스 obn-validate-pending 이 있습니다.
디버그
true 인 경우 스니펫은 모든 활동 및 알림을 브라우저 콘솔에 기록하여 디버깅을 지원합니다 . 디버깅이 완료되면 이 기능을 비활성화하는 것이 좋습니다.

.

2단계: 버튼에 제품 트리거 할당

아래 예는 제품 트리거로 사용되는 간단한 앵커 태그(링크)를 보여줍니다. 필요한 제품 매개변수 를 추가하기만 하면 웹사이트에서 기존 또는 새 요소를 쉽게 사용할 수 있습니다 .

  1. <a href="#obn" data-product="제품 식별자">제품 링크</a>

트리거 매개변수는 스니펫 매개변수보다 우선하므로 필요한 경우 예외를 제외하고 매개변수를 전역적으로 설정할 수 있습니다. 모든 트리거 매개변수는 ' data- ' 로 시작해야 하는 HTML 데이터 속성 입니다 .
제품   필수의
제품 식별자입니다. 이것은 GTIN(UPC, EAN 또는 ISBN), SKU, 모델 이름 또는 Omacro ID일 수 있습니다. GTIN(이상적으로는 UPC)을 사용하는 것이 좋습니다.
국가
이것은 두 자리 ISO 국가 코드 ISO 3166-1 alpha-2 코드 또는 auto 입니다. 제공되지 않은 경우 사용자가 국가를 선택할 수 있도록 지도가 표시됩니다. 제공되고 자동 으로 설정되지 않으면 사용자에게 지정된 국가에 대한 결과가 즉시 표시됩니다. 자동 으로 설정 하면 국가는 사용자 IP 주소에 의해 자동으로 결정됩니다.
확인
true 인 경우 스니펫은 페이지에서 사용할 수 있는 각 제품 식별자 가 유효한지 확인하고 제품을 반환합니다. 유효성 검사가 완료되면 스니펫은 각각의 CSS 클래스를 트리거 요소( obn-validate-pass 또는 obn-validate-fail ) 에 추가 합니다. 유효성 검사가 보류 중인 동안 트리거 요소에는 CSS 클래스 obn-validate-pending 이 있습니다.

 


    • Related Articles

    • 일반 대리점 찾기 웹사이트 코드 구현

      omacro에는 두 가지 주요 유형의 로케이터 옵션이 있습니다. 이 섹션에서는 일반 로케이터에 대한 웹사이트 프런트 엔드의 코드 설정을 참조합니다. 이 로케이터는 제품에 연결되지 않은 일반 딜러 결과를 생성합니다. 예를 들어 온라인 결과를 통해 사용자는 판매자의 기본 웹사이트 도메인 또는 귀하가 설정한 판매자의 맞춤 URL을 클릭할 수 있습니다. 특정 제품에 연결된 결과에 대한 제품 기반 로케이터 구현 지침 을 참조하십시오. 1단계: 웹사이트 ...

    • 웹사이트 페이지 내에 딜러 로케이터 내장

      로케이터를 페이지에 직접 포함할 수 있습니다. omacro의 지금 구매 코드 스니펫을 페이지에 추가하는 단계를 거쳤다고 가정하면 다음 예제를 사용하여 페이지 자체 내에서 로케이터를 렌더링합니다. 라이브 데모를 보려면 라이브 데모 사이트를 방문하십시오. 맞춤형 스타일이 있는 전용 대리점 찾기의 예입니다. 1단계: 페이지에 CSS 클래스 추가 클래스 이름이 "oma-omacro"인 요소가 페이지에 있는지 확인하십시오. <div ...

    • 유통업체 찾기 웹사이트 코드 구현

      1단계: 웹사이트 내에 스크립트 포함 아래 예는 Distributor Locator 위젯을 사이트와 통합하는 데 필요한 사항을 보여줍니다. 원하는 매개변수를 업데이트한 다음 스니펫을 웹사이트에 복사하기만 하면 됩니다. <script id="omacro-widget-buynow" src=" ...

    • 공급업체 지금 구매 구현 가이드

      다음 문서에서는 지금 구매를 팝업으로 구현하거나 제품 기반 딜러 로케이터 또는 일반 딜러 로케이터 로 페이지 내에 삽입하는 다양한 방법에 대해 설명합니다. 지금 구매는 특정 시장(온라인 또는 지역)에 개방 되도록 구성하여 하나 이상의 특정 딜러 유형(렌탈 제공업체, 소매업체 또는 서비스 센터)을 표시하고 브랜드에 맞는 스타일을 포함하여 다양한 방식으로 표시할 수 있습니다 . 전제 조건 지금 구매를 지원하도록 네트워크 구성 지금 구매는 웹사이트와 ...

    • 판매자 관리 제품 링크

      판매자는 여기에서 제품 링크 를 관리할 수 있습니다. 지금 구매 링크 페이지에서 회사와 연결된 모든 링크, 할당된 국가, 가격(있는 경우), 재고 상태 및 추가된 날짜를 볼 수 있습니다. 링크를 수동으로 삭제, 편집 또는 추가할 수 있습니다. 추가 링크는 수동으로 추가할 수 있습니다. 링크를 수동으로 추가하려면 "제품 링크 추가" 버튼을 클릭하고 빈칸을 채우십시오. 링크가 유효한 국가를 입력해야 omacro가 올바른 국가의 사용자에게 링크를 ...