OneLink Smart Script V2

요약: 자동으로 생성되고 브랜드 웹 사이트의 단추 또는 배너 뒤에 임베드되는 원링크를 사용자 정의합니다.

원링크 스마트 스크립트 소개

원링크 스마트 스크립트는 웹 페이지로 연결되는 수신 URL을 사용하여 앱 스토어로 연결되는 고유한 발신 원링크 URL을 자동으로 생성합니다.

발신 URL은 마케터로부터 받은 인수와 스크립트 입력을 사용하여 생성됩니다. 참고: afParameters 인수는 여러 다른 인수(파라미터)로 구성된 구조를 가지며, 각 인수에는 키, 재정의 값 및 기본 값이 있는 구성 객체가 포함되어 있습니다.

구현 단계

Smart Script를 설정하려면 다음 중 하나를 수행하십시오.

Embed the script in your website

스마트 스크립트 초기화 및 호출 코드는 앱스플라이어 대시보드의 스마트 스크립트 생성기(권장)에서 가져오거나 개발자가 수동으로 가져오고 호출할 수 있습니다.

📘

수신 URL 파라미터 유지

수신 URL 파라미터가 생성된 원링크에 매핑되도록 하려면 페이지에서 원링크가 생성되었는지 여부에 관계없이 모든 웹사이트 페이지에서 Smart Script를 가져오는 것이 좋습니다.

버전 2.5.0부터 사용 가능.

여기서 세부 사항과 전체 예시를 참조하십시오.

스마트 스크립트 생성기에서 생성된 코드 사용

1. 스크립트, 초기화 코드 및 인수가 포함된 파일을 마케팅 담당자로부터 받으십시오.
2. Test the script on the Smart Script test page. Ensure the correct outgoing URL is generated.
3. 스마트 스크립트 결과 테스트 및 사용 지침을 따르십시오.

Github에서 연동 예제를 참고하십시오

스크립트를 수동으로 설정

1. 스크립트를 다운로드합니다.
2. 수신 파라미터를 마케팅 담당자의 발신 파라미터에 매핑하는 스크립트를 호출하는 인수를 가져옵니다.
3. 스마트 스크립트 인수 및 설정 개체를 초기화합니다.
4. 다음 방법을 사용하여 웹/랜딩 페이지 HTML에서 스크립트를 호출하여 URL을 생성합니다:

var result = window.AF_SMART_SCRIPT.generateOneLinkURL({
  oneLinkURL,
  afParameters,
  referrerSkipList, // optional
  urlSkipList // optional
})

5. 스마트 스크립트 결과 테스트 및 사용 지침을 따르십시오.

스마트 스크립트 결과 확인 및 사용

1. 반환 값 확인 result. 가능한 반환 값은 다음을 포함합니다.
   • An outgoing Onelink URL. Use the result value as needed. For example, to place it as a link under a CTA on your website.
   • null. 스크립트가 다음을 반환하는 경우 null, 원하는 오류 흐름을 구현하십시오. 예: 웹/방문 페이지의 기존 URL은 변경되지 않습니다.

      var result_url = "No output from script"
      if (result) {
            result_url = result.clickURL;            
            // Put the generated OneLink URL behind CTA buttons
            document.getElementById('andrd_link').setAttribute('href', result_url);
            document.getElementById('ios_link').setAttribute('href', result_url);
            // Optionally - Create QR code from the generated OneLink URL
            window.AF_SMART_SCRIPT.displayQrCode("my_qr_code_div_id");
            //The size of the QR code is defined in the CSS file under #my_qr_code_div_id
            // #my_qr_code_div_id canvas { 
            //  height: 200px;
            //  width: 200px;
            //}
            // Optionally - fire an impression.
            // The impression will fire to https://impressions.onelink.me//.... 
            window.AF_SMART_SCRIPT.fireImpressionsLink();
      }

Use Google Tag Manager

Google 태그 관리자에서 스마트 스크립트를 설정하는 방법:

1. Confirm that the marketer followed their instructions and placed the Smart Script code into GTM.
2. 반환 값 확인 AF_SMART_SCRIPT_RESULT. 가능한 반환 값은 다음을 포함합니다.
   • 발신 원링크 URL. 필요에 따라 결과 값을 사용할 수 있습니다. 예를 들어, 웹 사이트의 CTA 아래에 링크로 배치합니다.
   • null. 스크립트가 다음을 반환하는 경우 null, 원하는 오류 흐름을 구현하십시오. 예: 웹/방문 페이지의 기존 URL은 변경되지 않습니다.

      var result_url = AF_SMART_SCRIPT_RESULT.clickURL;
      if (result_url) {
            document.getElementById('andrd_link').setAttribute('href', result_url);
            document.getElementById('ios_link').setAttribute('href', result_url);
            // Optionally - Create QR code from the generated OneLink URL
            window.AF_SMART_SCRIPT.displayQrCode("my_qr_code_div_id");
            //The size of the QR code is defined in the CSS file under #my_qr_code_div_id
            // #my_qr_code_div_id canvas { 
            //  height: 200px;
            //  width: 200px;
            //}
            // Optionally - fire an impression.
            // The impression will fire to https://impressions.onelink.me//.... 
            window.AF_SMART_SCRIPT.fireImpressionsLink();            
      }

3. Test the script on the Smart Script test page. Ensure the correct outgoing URL is generated.

Create a QR code with the Smart Script result

전제 조건 : Smart Script V2.6 이상

📘

모범 활용 사례

• 앱 브랜드에 따라 중앙 로고와 관련 코드 색상으로 QR 코드를 사용자 지정하십시오.
• 사용자가 데스크톱에 있을 때 QR 코드를 표시하고 사용자가 모바일에 있을 때 링크가 있는 버튼을 표시합니다.

QR 코드 생성 방법:

1. QR 코드를 호스팅하기 위해 사이트의 HTML 페이지에서 특정 ID를 가진 div 태그를 생성합니다.
   원하는 방식으로 div 태그 스타일을 지정할 수 있습니다.
2. Smart Script를 실행하고 원링크 URL을 생성한 후 다음 메서드를 호출합니다. displayQrCode

displayQrCode

Method signature

const qrOptions = {
  logo,
  colorCode
}

window.AF_SMART_SCRIPT.displayQrCode(divId, qrOptions)

입력 인수

qrOptions 개체

사용 예시:

• 로고가 없고 커스텀 색상이 없는 QR 코드 Github 예시
• 로고와 커스텀 코드 색상이 있는 QR 코드 Github 예시

Fire an impression

You can fire an impression when a page loads, a CTA or banner displays, etc. Note: Impressions can only be fired on mobile devices; not on desktop.

전제 조건 : 스마트 스크립트 V2.2 이상

노출을 발생시키는 방법:

1. 지침에 따라 스마트 스크립트를 실행하고 클릭 URL을 생성합니다.
2. 결과가 유효한지(null이 아닌지) 확인하십시오.
3. 다음 노출 기능을 실행합니다.

window.AF_SMART_SCRIPT.fireImpressionsLink();

인수

설정 개체

OneLink Smart Script는 인수를 사용하여 수신 URL의 파라미터와 스크립트에 정의된 인수를 기반으로 송신 URL을 생성합니다. afParameters 인수에는 어트리뷰션 및 딥링크에 사용되는 다른 여러 인수(파라미터)로 구성된 구조가 있으며, 각 인수에는 다음 표에 설명된 대로 키, 재정의 값 및 기본값이 있는 설정 개체가 포함됩니다.

예시

Basic attribution

media_source 및 캠페인에 대한 단일 키를 사용하여 수신 URL을 발신 원링크 URL로 기본 변환하는 방법을 보여주는 예를 참조하십시오.

Multiple keys

media_source 및 캠페인에 대한 다중 키를 사용하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

UTM parameters

media_source 및 캠페인에 대한 UTM 파라미터를 사용하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

Override values

송신 media_source 값을 대체하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

Default values

수신 media_source 값을 찾을 수 없을 때 기본값을 사용하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

Forced default values

수신 media_source 값을 찾은 때에도 기본값을 사용하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

Google click ID passthrough to af_sub

수신 URL을 Google 클릭 ID를 af_sub4에 전달하는 발신 원링크 URL로 변환하는 것을 보여주는 예를 참조하십시오. 참고: GCLID가 발견되면 스크립트는 수신 파라미터 키워드를 찾고 키워드 값을 af_keywords 값으로 발신 URL에 넣습니다.

Facebook click ID passthrough to af_sub

수신 URL을 Facebook 클릭 ID를 af_sub2에 전달하는 발신 원링크 URL로 변환하는 것을 보여주는 예를 참조하십시오.

Set attribution and OneLink parameters

앱스플라이어 어트리뷰션 및 원링크 파라미터를 사용하여 수신 URL을 발신 원링크 URL로 변환하는 방법을 보여주는 예를 참조하십시오.

Set additional custom parameters

수신 URL을 추가 사용자 정의 파라미터(용 af_prt 파라미터 포함)가 있는 발신 원링크 URL로 변환하는 것을 보여주는 예를 참조하십시오.

Referrer skip list

건너뛰기 목록을 만들어 특정 클릭(예: Twitter 또는 메타 광고)에 대한 스마트 스크립트를 비활성화하는 것을 보여주는 예를 참조하십시오. 건너뛰기 목록의 문자열이 클릭의 HTTP 리퍼러에 나타나면 스마트 스크립트는 다음을 반환합니다. null.

URL skip list

URL의 특정 문자열에 대해 스마트 스크립트를 사용하지 않도록 설정하는 방법에 대한 예를 참조하십시오(예를 들어, af_r) 건너뛰기 목록을 생성. 건너뛰기 목록의 문자열이 클릭 URL에 나타나면 스마트 스크립트는 다음을 반환합니다. null.

Smart Script set up with Google Tag Manager

Google Tag Manager를 사용하여 설정된 원링크 스마트 스크립트를 사용하여 수신 URL을 발신 원링크 URL로 변환하는 예를 참조하십시오.

Impressions - OneLink Template with mobile-only support

모바일 디바이스에만 있는 원링크 템플릿을 사용하여 생성된 노출의 예시를 참조하십시오.

🚧

필수 해결책

통화를 fireImpressionsLink 의 값을 setTimeout 로 마무리하여 다음 통화 사이에 최소 1초의 지연이 있도록 하십시오: generateOneLinkURL and fireImpressionsLink

Impressions - OneLink Template with Cross-platform support

크로스 플랫폼 지원 기능을 포함한 원링크 템플릿을 사용하여 생성된 노출의 예시를 참조하십시오.
비모바일 플랫폼(예: 데스크톱 또는 콘솔)에서 생성된 노출의 예시를 참조하십시오.

🚧

필수 해결책

통화를 fireImpressionsLink 의 값을 setTimeout 로 마무리하여 다음 통화 사이에 최소 1초의 지연이 있도록 하십시오: generateOneLinkURL and fireImpressionsLink

Preserve incoming URL parameters across pages

📘

버전 2.5.0부터 사용 가능.

랜딩 페이지의 수신 파라미터(예: utm_source)는 기본적으로 웹 사이트의 다른 페이지로 전달되지 않습니다.
모든 웹 사이트 페이지에서 Smart Script를 가져오면 수신 URL 파라미터가 유지되고 Smart Script는 다른 페이지에서 사용할 수 있습니다.

여기에서 이 사용 사례의 예를 찾아볼 수 있습니다.