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//.... 
            setTimeout(() => {
              window.AF_SMART_SCRIPT.fireImpressionsLink();
              console.log("Impression fired"); 
            }, 1000);
      }

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//.... 
            setTimeout(() => {
              window.AF_SMART_SCRIPT.fireImpressionsLink();
              console.log("Impression fired"); 
            }, 1000);            
      }

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. 다음 노출 기능을 실행합니다.

🚧

필수 해결책

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

setTimeout(() => {
  window.AF_SMART_SCRIPT.fireImpressionsLink();
  console.log("Impression fired"); 
}, 1000);

You can find examples for firing impressions for mobile only and for cross platform support

인수

설정 개체

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로 변환하는 방법을 보여주는 예를 참조하십시오.

GBRAID and WBRAID

See example of the conversion of an incoming URL to an outgoing OneLink URL, passing the gbraid parameter and another example for passing the wbraid 파라미터로 표시됩니다.

Google click ID passthrough

See example of the conversion of an incoming URL to an outgoing OneLink URL that passes the Google click ID to af_sub4 and gclid.
As of Smart Script version 2.8.1, the GCLID is automatically forwarded to the outgoing URL when present in the incoming URL.
Note: When a GCLID is detected, the script searches for the incoming keyword parameter, and inserts its value into the outgoing URL as the value for the af_keywords 파라미터로 표시됩니다.

Facebook click ID passthrough

See example of the conversion of an incoming URL to an outgoing OneLink URL that passes the Facebook click ID to af_sub2 and fbclid.
As of Smart Script version 2.8.1, the FBCLID is automatically forwarded to the outgoing URL when present in the incoming URL.

Set attribution and OneLink parameters

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

Set additional custom parameters

See example of the conversion of an incoming URL to an outgoing OneLink URL with additional custom parameters.

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

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

📘

Firing an impression from a cross platform landing page

You can find here a code example for firing an impression from a demo landing page

🚧

필수 해결책

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

Preserve incoming URL parameters across pages

📘

버전 2.5.0부터 사용 가능.

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

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

Copy HTTP referrer to outgoing URL

📘

Available from version 2.7.0.

You can set Smart Script to copy the HTTP document.referrer to either a custom outgoing URL parameter or predefined outgoing URL parameters. If you want to see web referrer values in dashboards or in raw data reports, we suggest using one of the following predefined outgoing URL parameters:

• af_channel - Parameter is available in dashboards and raw data
• af_sub1-5 - The parameter is available in raw data under the af_sub1-5 columns and in the original URL column.

If you want to set a custom parameter, Smart Script has to copy the  document.referrer property value and set it as the value of the parameter. In this example, Smart Script copies the document.referrer value to a custom outgoing URL parameter key defined by webReferrer. The selected custom key in the example is this_referrer.

For more information, see Web referrer mapping.

Utilizing Local Storage to Set Parameters for Deep Linking

You can choose to save any data from the website to local storage, and then configure Smart Script to retrieve this data and assign it to an outgoing URL parameter. For example, you can leverage website information to dynamically populate the deep_link_value parameter, enabling the deep linking of users directly to the app's relevant content.

In this example, you can see how the outgoing URL deep_link_value is populated by a value copied from the website's local storage. The copied value in this example is the product ID arriving from the website data.