<script>
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" } };
  window.AF.plugins = {};

  // Inject SDK
  var o = document.createElement("script"),
      p = document.getElementsByTagName("script")[0];
  o.async = 1;
  // Replace WEB_DEV_KEY with your Web SDK ID
  o.src = "https://websdk.appsflyersdk.com?" + "st=pba&af_id=WEB_DEV_KEY";
  p.parentNode.insertBefore(o, p);
</script>

<script>
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" }, banners: { key: "YOUR_BANNER_KEY" } };
  window.AF.plugins = {};

  // Inject SDK
  var o = document.createElement("script"),
      p = document.getElementsByTagName("script")[0];
  o.async = 1;
  // Replace WEB_DEV_KEY with your Web SDK ID
  o.src = "https://websdk.appsflyersdk.com?" + "st=pba,banners&af_id=WEB_DEV_KEY";
  p.parentNode.insertBefore(o, p);
  AF('banners', 'showBanner');
</script>

<script>
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" } };
  window.AF.plugins = {};

  // Manifest loader config
  window.AF_LOADER_CONFIG = {
    baseUrl: "https://websdk.appsflyersdk.com",
    plugins: ["pba"]
  };

  // Inject manifest loader
  var loaderScript = document.createElement("script");
  loaderScript.src = "https://websdk.appsflyersdk.com/manifestLoader.v1.js";
  loaderScript.integrity = "sha384-Uncl2YwvjFpFz0PwEfl3bL/0JsOQcDFEpwXHzcN0MBavn9vvFEx5pZxADTq8h+CV";
  loaderScript.crossOrigin = "anonymous";
  loaderScript.async = true;
  document.head.appendChild(loaderScript);
</script>

<script>
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" }, banners: { key: "YOUR_BANNER_KEY" } };
  window.AF.plugins = {};

  // Manifest loader config
  window.AF_LOADER_CONFIG = {
    baseUrl: "https://websdk.appsflyersdk.com",
    plugins: ["banners", "pba"]
  };

  // Inject manifest loader
  var loaderScript = document.createElement("script");
  loaderScript.src = "https://websdk.appsflyersdk.com/manifestLoader.v1.js";
  loaderScript.integrity = "sha384-Uncl2YwvjFpFz0PwEfl3bL/0JsOQcDFEpwXHzcN0MBavn9vvFEx5pZxADTq8h+CV";
  loaderScript.crossOrigin = "anonymous";
  loaderScript.async = true;
  document.head.appendChild(loaderScript);
</script>

모든 페이지에서 이렇게 반복하십시오:

1. 2단계의 스냅트에서 WEB_DEV_KEY를 Web SDK ID(및 YOUR_BANNER_KEY)로 대체합니다.
2. 스냅트를 웹사이트의 태그의 상단에 붙여넣습니다.

SDK가 페이지 로드 당 한 번 로드되었는지 확인하고 GTM 우선 순위를 사용하여 페이지가 로드되면 로드하도록 설정하십시오.

1. Google Tag Manager를 사용합니다.
2. 앱스플라이어 웹 SDK에 대한 새 태그를 생성합니다.
3. Custom HTML 태그 유형을 선택합니다.
4. 태그에 의미 있는 이름을 지정하십시오.
5. Step 2의 스냅트를 태그 구성에 붙여넣습니다.
6. 저장을 클릭하세요.
7. 트리거 추가:
   • 모든 페이지:
     1. Add Trigger(트리거 추가)를 클릭합니다.
     2. 모든 페이지(All Pages)를 선택합니다.
     3. 저장을 클릭하세요.
     4. 태그 이름을 입력하고 저장을 클릭합니다.
   • 특정 페이지:
     1. Save Tag(태그 저장)를 클릭합니다.
     2. GTM 기본 창에서 Triggers(트리거)를 선택합니다. New(신규)를 클릭합니다.
     3. 펜 아이콘을 클릭합니다. 
     4. Page View(페이지 보기) 트리거 유형을 선택합니다.
     5. Some Page View(일부 페이지 보기)를 선택합니다.
     6. 필요에 따라 페이지 및 트리거 조건을 설정하십시오.
     7. 저장을 클릭하세요.
     8. 트리거를 앱스플라이어 웹 SDK 태그에 연결하십시오.
        1. GTM 기본 창에서 태그를 선택하십시오.합니다.
        2. 이전에 생성한 태그를 선택하십시오.
        3. 트리거 패널에서 펜 아이콘을 클릭하십시오.
        4. 이전에 생성한 페이지 뷰 트리거를 선택하십시오.
        5. 저장을 클릭하세요.

Adobe Experience Cloud에 속성 생성

1. Adobe Experience Cloud > Launch로 가십시오.
2. Adobe Experience Cloud Launch 아래 Go to Launch를 클릭합니다.
3. New Property를 클릭합니다.
4. 속성 이름을 지정합니다.
5. 플랫폼 아래 웹을 선택합니다.
6. 귀하의 웹사이트 도메인을 입력합니다.
7. 저장을 클릭하세요.

Adobe Launch 속성에 스냅트 추가

1. My web property(나의 웹 속성) 페이지에서 Rules(규칙) 탭을 선택합니다.
2. 규칙의 이름을 지정한다. 권장: 웹 SDK 로드.
3. '만약' 절에서, 이벤트 아래 +추가 버튼을 클릭하세요.
   • Event Type(이벤트 유형)에서 코어 - DOM 준비를 선택하십시오.
   • 변경 유지를 클릭합니다.
4. '그런 다음' 절에서, 액션 아래 +추가 버튼을 클릭하세요.
   • Action Type 아래에서 Custom Code을 선택합니다.
   • JavaScript > Open Editor를 선택하고 2단계의 스크립트를 붙여 넣습니다.
   • 변경 유지를 클릭하여 코드 편집기를 닫습니다.
5. 저장을 클릭하세요.

Adobe Launch 태그를 웹사이트에 추가

1. My web property 페이지에서 환경 탭을 선택합니다.
2. 퍼블리시할 환경(개발 환경 혹은 실 운영 환경)이 있는 행을 찾으십시오.
3. Install 열 아래에 해당 행의 상자 아이콘을 클릭합니다.
4. 웹 설치 지침 대화 상자에서 스크립트 코드 조각을 복사하고 대화 상자를 닫습니다.
5. 코드 조각을 귀하의 웹사이트 <head> 태그에 붙여넣습니다.

Adobe Launch 환경 게시

1. My web property 페이지에서 퍼블리싱 탭을 선택합니다.
2. Development 섹션에서 새 라이브러리 추가를 클릭합니다.
   • 라이브러리를 명명하고 환경을 선택하세요.
   • 리소스 변경 영역에서 리소스 추가 버튼을 클릭하세요.
   • 규칙 > 웹 SDK 로드 > 최신 > 새 버전 선택 및 만들기를 클릭합니다.
   • 저장을 클릭하세요.
3. Development 섹션 아래에서:
   • 새로 생성된 라이브러리 옆에 조치 메뉴(점 3개)를 클릭해서 > Build for Development를 선택합니다.
   • 다시 조치 메뉴를 클릭하고 > 승인을 위한 제출을 선택합니다.
4. 제출됨 섹션 아래에서:
   • 조치 메뉴를 클릭하고 > Build for Staging을 선택합니다.
   • 조치 메뉴를 클릭하고 > 퍼블리싱 승인을 선택합니다.
5. 승인됨 섹션에서 다음을 수행합니다.
   • 조치 메뉴를 클릭하고 > 프로덕션에 빌드 및 게시를 선택합니다.

이벤트는 웹 측정의 기본적인 구성 요소이며, 비즈니스에 가치를 부여하는 특정 사용자 작업을 나타냅니다. 이러한 상호 작용을 기록하려면 각 이벤트에 대한 논리와 매개 변수를 정의해야 하며, 수익 및 사용자 지정 메타데이터와 같은 올바른 이벤트 매개 변수를 AppsFlyer 플랫폼으로 전달해야 합니다.

예제 이벤트(사용 이벤트와 관련된 수익)

AF('pba', 'event', {eventType: 'EVENT', eventName: 'purchase', eventRevenue: 12, eventValue: {"key1": 123, "key2": "name"}});

이것은 감사 또는 확인 페이지와 같은 리디렉션으로 끝나는 변환에 대한 표준 접근 방식입니다.

이 트리거를 네이티브 JavaScript에 창 로드 방법을 추가하거나 Google 태그 관리자에서 페이지 보기 트리거를 구성하여 구현할 수 있습니다.

window.onload = function(){
  AF('pba', 'event', {eventType: 'EVENT', eventValue: {'category': 'holiday_promotion'}, eventName: 'subscription'});
}

<html>
<head>
    <script>
        // Google Tag Manager loads the Web SDK
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-XXXX');
    </script>
    <script>
        function getResponseFromServer() {
            return JSON.stringify({ action: 'subscribe', category: 'site actions', label: userEmail })
        }
        localStorage.setItem('data', JSON.stringify({ action: 'subscribe', category: 'site actions', label: 'user@email.com' }));
    </script>
</head>
<body>
    <h1>Thank You for Subscribing to Our Newsletter</h1>
</body>
</html>

이 기능을 사용하여 페이지 재로드 없이 작업을 추적하십시오(버튼 클릭, 다운로드, 카트 추가).

이러한 상호 작용은 일반적으로 클릭 청취기를 네이티브 HTML 요소에 연결하거나 Google 태그 관리자 변수를 사용하여 특정 요소 ID 또는 CSS 선택자를 식별하고 측정하여 처리됩니다.

<html>
<head>
    <script>
        window.onload = function () {
            document.getElementById('checkout').addEventListener('click', function () {
                AF('pba', 'event', {eventType: 'EVENT', eventValue: {'category' : 'holiday_promotion'}, eventName: 'checkout'});
            });
        }
    </script>
</head>
<body>
    <h1>Shopping Cart</h1>
    <button id='checkout'>Checkout</button>
</body>
</html>

<html>
<head>
    <script>
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-XXXX');
    </script>
</head>
<body>
    <h1>Shopping Cart</h1>
    <button id='checkout'>Checkout</button>
</body>
</html>

데이터 정확성과 성공적인 전송을 보장하려면 다음 기술 요구 사항을 고려하십시오.

• 로드 순서: 이벤트 호출을 수행하기 전에 Web SDK 기능 태그가 페이지 범위에 완전히 로드되어 있는지 확인합니다.
• 데이터 포맷: 이벤트 값에 특별 문자를 포함하지 마십시오. 예를 들어, 통화 상징을 포함하는 대신 수익에 대한 숫자 값을 사용하십시오($10.50 대신 10.50 사용).
• 체어 제한: event_value 문자열을 간결하게 유지하십시오. 4000자 이상의 값은 단축됩니다.

이 예제에 제공된 코드는 단지 참조용입니다. 이 코드를 그대로 사용하지는 마십시오. 이 코드의 사용 방법을 잘 모르는 경우 웹 개발자에게 문의하십시오. 

가정: 이벤트가 전송되기 전에 웹 SDK가 페이지에 로드됩니다. 다시 로드하지 마십시오.

사용자 시나리오:

• 사용자가 귀사 웹사이트에 가입합니다.
• 웹사이트 코드는 사용자 세부 정보를 수집하여 귀사 서버로 전송합니다.
• 서버는 사용자에 대해 고유한 CUID를 생성합니다.
• 가입 후 감사 페이지에서 서버에 대해 새 CUID를 쿼리합니다.
• 서버 응답을 사용하여 웹 SDK setCustomerUserId() 메서드를 사용하여 AppsFlyer CUID를 설정합니다.

A sign-up form 예

아래 코드는 간단한 가입 양식입니다. 양식이 제출되면 이메일 주소가 localStorage에 저장됩니다. 사용자가 감사 페이지를 열면 사용자 이메일 주소가 서버로 전송되어 해당 이메일에 대한 고유 CUID를 얻게 됩니다.

<html>
<head>
    <script>
!function(t,e,n,s,a,c,i,o,p){t.AppsFlyerSdkObject=a,t.AF=t.AF||function(){
(t.AF.q=t.AF.q||[]).push([Date.now()].concat(Array.prototype.slice.call(arguments)))},
t.AF.id=t.AF.id||i,t.AF.plugins={},o=e.createElement(n),p=e.getElementsByTagName(n)[0],o.async=1,
o.src="https://websdk.appsflyersdk.com?"+(c.length>0?"st="+c.split(",").sort().join(",")+"&":"")+(i.length>0?"af_id="+i:""),
p.parentNode.insertBefore(o,p)}(window,document,"script",0,"AF","pba",{pba: {webAppId: "WEB_DEV_KEY"}})
    </script>
    <script>
        function storeUserEmail() {
            var userEmail = document.getElementById('email').value;
            localStorage.setItem('user_email', userEmail);
        }
    </script>
</head>
<body>
    <h1>Sign Up</h1>
    <form onsubmit="storeUserEmail()" action="/signup" method="post">
        <div><label>Name</label><input type="text" name="name" id="name"></div>
        <br/>
        <div><label>Email</label><input type="email" name="email" id="email"></div>
        <br/>
        <input type="submit" id="submit">
    </form>
</body>
</html>

감사 페이지 예

이 코드는 Fetch API를 사용합니다. 그것은 사용자가 입력 한 이메일 주소를 서버로 전송합니다. 서버가 등록 시 고유 CUID가 있는 사용자를 생성한다고 가정하면 서버에 이메일 주소를 보내면 고유 CUID가 반환됩니다. 서버는 고유한 CUID로 응답하며, 이 고유한 CUID는 setCustomerUserId 방법으로 전달되는 값입니다.

<html>
<head>
    <script>
!function(t,e,n,s,a,c,i,o,p){t.AppsFlyerSdkObject=a,t.AF=t.AF||function(){
(t.AF.q=t.AF.q||[]).push([Date.now()].concat(Array.prototype.slice.call(arguments)))},
t.AF.id=t.AF.id||i,t.AF.plugins={},o=e.createElement(n),p=e.getElementsByTagName(n)[0],o.async=1,
o.src="https://websdk.appsflyersdk.com?"+(c.length>0?"st="+c.split(",").sort().join(",")+"&":"")+(i.length>0?"af_id="+i:""),
p.parentNode.insertBefore(o,p)}(window,document,"script",0,"AF","pba",{pba: {webAppId: "WEB_DEV_KEY"}})
    </script>
    <script>
        window.onload = function () {
            var userEmail = localStorage.getItem('user_email');
            fetch('users/' + userEmail).then(function (res) {
                res.text().then(function (id) {
                    console.log(id);
                    AF('pba', 'setCustomerUserId', id);
                });
            });
        }
    </script>
</head>
<body>
    <h1>Thank You for Signing Up!</h1>
</body>
</html>

1. 가입 페이지 설정:

   아래의 코드 예는 간단한 등록 양식입니다. 양식이 제출되면 이메일 주소가 localStorage에 저장됩니다. 사용자가 감사 페이지를 열면 사용자 이메일 주소가 서버로 전송되어 해당 이메일에 대한 고유 CUID를 얻게 됩니다.

   <html>
   <head>
       <script>
           (function (w, d, s, l, i) {
               w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
               var f = d.getElementsByTagName(s)[0], j = d.createElement(s),
                   dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true;
               j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
               f.parentNode.insertBefore(j, f);
           })(window, document, 'script', 'dataLayer', 'GTM-5VJ6C7R');
           function storeUserEmail() {
               var userEmail = document.getElementById('email').value;
               localStorage.setItem('user_email', userEmail);
           }
       </script>
   </head>
   <body>
       <h1>Sign Up</h1>
       <form onsubmit="storeUserEmail()" action="/signup" method="post">
           <div><label>Name</label><input type="text" name="name" id="name"></div>
           <br />
           <div><label>Email</label><input type="email" name="email" id="email"></div>
           <br />
           <input type="submit" id="submit">
       </form>
   </body>
   </html>

2. 가입한 사용자를 위한 감사 페이지 설정: 선행 코드는 가입 양식에서 사용자가 제공한 이메일 주소를 서버로 보내는 GTM 트리거가 있는 감사 페이지입니다. 서버가 등록 시 고유한 CUID를 가진 사용자를 생성한다고 가정하면 서버에 이메일을 보내면 고유한 CUID를 반환합니다. 서버는 setCustomerUserId() 메서드를 사용하여 전송된 고유한 CUID로 응답합니다.

   <script>
       window.onload = function () {
           var userEmail = localStorage.getItem('user_email');
           fetch('users/' + userEmail).then(function (res) {
               res.text().then(function (id) {
                   console.log(id);
                   AF('pba', 'setCustomerUserId', id);
               });
           });
       }
   </script>

3. 감사 페이지가 로드된 후 구독을 어트리뷰트하기 위한 새 태그 추가

   

4. 태그에 고유한 이름을 지정하고 '커스텀 HTML' 태그 유형 옵션을 선택합니다.

   

   <script>
       var userEmail = localStorage.getItem('user_email');
       fetch('users/' + userEmail).then(function (res) {
           res.text().then(function (id) {
               console.log(id);
               AF('pba', 'setCustomerUserId', id);
           });
       });
   </script>

5. 고급 설정을 확장한 다음 텍스트 영역 아래의 태그 시퀀싱 컨트롤을 확장하고 태그가 실행된 후 변환을 실행하도록 설정되어 있는지 확인합니다.

   

6. 전환 태그가 실행되어야 하는 시점을 나타내도록 전환 태그에 대한 트리거를 설정합니다(아래 예에서는 '감사' 페이지 로드 시 실행됨).

   

측정을 두 가지 방법으로 제어할 수 있습니다.

SDK 초기 상태 설정 ( snippet)

SDK가 웹 페이지가 처음 로드되었을 때 이벤트를 전송하거나 이벤트 전송을 시작하도록 명시적으로 알려줄 때까지 기다리는지 여부를 결정합니다. 이 설정은 웹 스냅트에서 정의됩니다.

• 이벤트 보내기
• 이벤트를 보내지 마십시오: {pba: {webAppId: "...", measurementStatus:false}}

명시적 제어

명시적인 제어는 초기 상태 설정보다 우선 순위를 차지하며 지속적인 첫 번째 당사자 쿠키를 사용합니다.

• 웹사이트 도메인에서 설정합니다.
• Web SDK 또는 브라우저에서 설정한 기간이 지나면 만료됩니다.
• 항상 브라우저 쿠키 설정에 적용됩니다.

명령

• 이벤트 전송 시작(옵트인)
• 이벤트 전송 중지(옵트아웃)

웹 사이트에 엄격한 보안 또는 데이터 보호 프로토콜이 필요하다면 Web SDK가 환경과 데이터와 상호 작용하는 방법을 구성하려면 다음 메커니즘을 사용하십시오.

콘텐츠 보안 정책(CSP)

웹사이트가 CSP에서 JavaScript를 보호해야 하는 경우, Web SDK는 CSP 구성과 2단계에서 선택한 스냅트에 따라 두 가지 접근 방식을 지원합니다.

• 자체 사용 CSP https://websdk.appsflyersdk.com를 script-src 허용 목록에 추가합니다. 이것은 표준 웹 SDK 및 고급 SDK 검증 모두에서 작동합니다.
• nonce를 사용하는 CSP: 정책에 script-src 'nonce-...'가 사용되는 경우 아래의 Advanced SDK Verification의 nonce 확장 버전을 사용합니다. 이것은 검증 프로세스에 필요한 모든 세 개의 스크립트 태그에 nonce를 전달합니다. {{CSP_NONCE}}를 서버에서 생성한 요청별 nonce 값으로 대체합니다.

아래 표에서는 어떤 CSP 정책이 nonce 확장 변형과 호환되는지 보여줍니다.

CSP nonce 스냅킷을 사용한 고급 SDK 검증

<script nonce="{{CSP_NONCE}}">
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" } };
  window.AF.plugins = {};

  // Manifest loader config — nonce forwarded to the injected SDK <script> tag
  window.AF_LOADER_CONFIG = {
    baseUrl: "https://websdk.appsflyersdk.com",
    plugins: ["pba"],
    nonce: "{{CSP_NONCE}}"
  };

  // Inject manifest loader
  var loaderScript = document.createElement("script");
  loaderScript.src = "https://websdk.appsflyersdk.com/manifestLoader.v1.js";
  loaderScript.integrity = "sha384-Uncl2YwvjFpFz0PwEfl3bL/0JsOQcDFEpwXHzcN0MBavn9vvFEx5pZxADTq8h+CV";
  loaderScript.crossOrigin = "anonymous";
  loaderScript.nonce = "{{CSP_NONCE}}";
  loaderScript.async = true;
  document.head.appendChild(loaderScript);
</script>

<script nonce="{{CSP_NONCE}}">
  // Queue — buffers AF() calls until the SDK is ready
  window.AppsFlyerSdkObject = "AF";
  window.AF = window.AF || function() {
    (window.AF.q = window.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
  };
  // Replace WEB_DEV_KEY with your Web SDK ID
  window.AF.id = window.AF.id || { pba: { webAppId: "WEB_DEV_KEY" }, banners: { key: "YOUR_BANNER_KEY" } };
  window.AF.plugins = {};

  // Manifest loader config — nonce forwarded to the injected SDK <script> tag
  window.AF_LOADER_CONFIG = {
    baseUrl: "https://websdk.appsflyersdk.com",
    plugins: ["banners", "pba"],
    nonce: "{{CSP_NONCE}}"
  };

  // Inject manifest loader
  var loaderScript = document.createElement("script");
  loaderScript.src = "https://websdk.appsflyersdk.com/manifestLoader.v1.js";
  loaderScript.integrity = "sha384-Uncl2YwvjFpFz0PwEfl3bL/0JsOQcDFEpwXHzcN0MBavn9vvFEx5pZxADTq8h+CV";
  loaderScript.crossOrigin = "anonymous";
  loaderScript.nonce = "{{CSP_NONCE}}";
  loaderScript.async = true;
  document.head.appendChild(loaderScript);
</script>

쿼리 파라미터 삭제

URL 쿼리 매개 변수에 민감한 정보가 포함되어 있는 경우 AppsFlyer에 해당 정보(URL, 참조자 및 header_referer)를 폐기하도록 지시합니다.

• 모든 쿼리 매개 변수를 제거합니다. add af_url=true
• 특정 매개 변수를 버리십시오: af_url_mask=param(;로 여러 개의 매개 변수를 분리)

예시:

• 원본
• 결과: