শুরু করুন

নন্স জেনারেট করা

"নন্স" হল একটি এনক্রিপটেড স্ট্রিং যা PAL NonceLoader ব্যবহার করে তৈরি করে। PAL SDK-এর জন্য প্রতিটি নতুন স্ট্রিম অনুরোধের সাথে নতুন জেনারেট করা ননস থাকতে হবে। তবে, একই স্ট্রিমের মধ্যে একাধিক বিজ্ঞাপনের অনুরোধের জন্য ননস আবার ব্যবহার করা হতে পারে। নন্স তৈরি করার জন্য PAL ব্যবহার করে এমন একটি নমুনা অ্যাপ দেখতে, GitHub থেকে HTML5 উদাহরণ ডাউনলোড করুন।

PAL SDK ব্যবহার করে ননস তৈরি করতে, একটি HTML ফাইল তৈরি করুন এবং নিচে উল্লেখ করা বিষয়গুলি যোগ করুন:

pal.html

<html>
<head></head>
<body>
  <div id="placeholder-video"></div>
  <button id="generate-nonce">Generate Nonce</button>
  <script src="//imasdk.googleapis.com/pal/sdkloader/pal.js"></script>
  <script src="pal.js"></script>
</body>
</html>

তারপর, একটি JavaScript ফাইল তৈরি করে নিম্নলিখিত কোড যোগ করুন:

pal.js

let videoElement;
let nonceLoader;
let managerPromise;
let nonceManager;
let playbackStarted = false;

/**
 * Initializes the PAL loader.
 */
function init() {
  const videoElement = document.getElementById('placeholder-video');
  videoElement.addEventListener('mousedown', (e) => void onVideoTouch(e));
  videoElement.addEventListener('touchstart', (e) => void onVideoTouch(e));
  videoElement.addEventListener('play', () => {
    if (!playbackStarted) {
      sendPlaybackStart();
      playbackStarted = true;
    }
  });
  videoElement.addEventListener('ended', () => void sendPlaybackEnd());
  videoElement.addEventListener('error', () => {
    console.log("Video error: " + videoElement.error.message);
    sendPlaybackEnd();
  });

  document.getElementById('generate-nonce')
      .addEventListener('click', generateNonce);

  // PAL automatically determines whether limited ads apply based on the TCF data
  // found on the page. You can optionally use the `forceLimitedAds` parameter
  // to manually enable limited ads regardless of the TCF data.
  const consentSettings = new goog.pal.ConsentSettings();
  nonceLoader = new goog.pal.NonceLoader(consentSettings);
}

/**
 * Generates a nonce with sample arguments and logs it to the console.
 *
 * The NonceRequest parameters set here are example parameters.
 * You should set your parameters based on your own app characteristics.
 */
function generateNonce() {
  const request = new goog.pal.NonceRequest();
  request.adWillAutoPlay = true;
  request.adWillPlayMuted = false;
  request.continuousPlayback = false;
  request.descriptionUrl = 'https://example.com';
  request.iconsSupported = true;
  request.playerType = 'Sample Player Type';
  request.playerVersion = '1.0';
  request.ppid = 'Sample PPID';
  request.sessionId = 'Sample SID';
  // Player support for VPAID 2.0, OMID 1.0, and SIMID 1.1
  request.supportedApiFrameworks = '2,7,9';
  request.url = 'https://developers.google.com/ad-manager/pal/html5';
  request.videoHeight = 480;
  request.videoWidth = 640;

  managerPromise = nonceLoader.loadNonceManager(request);
  managerPromise
      .then((manager) => {
        nonceManager = manager;
        console.log('Nonce generated: ' + manager.getNonce());
      })
      .catch((error) => {
        console.log('Error generating nonce: ' + error);
      });
}

init();

বিজ্ঞাপন অনুরোধে আপনার ননস অ্যাটাচ করুন

জেনারেট করা ননস ব্যবহার করতে, আপনার বিজ্ঞাপনের অনুরোধ করার আগে, givn প্যারামিটার ও ননস ভ্যালু সহ আপনার বিজ্ঞাপন ট্যাগ যোগ করুন।

pal.js

  /**
   * The ad tag for your ad request, for example:
   * https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=
   *
   * For more sample ad tags, see https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/tags
   */
  const DEFAULT_AD_TAG = "Your ad tag";

  ...

  managerPromise = nonceLoader.loadNonceManager(request);
  managerPromise
      .then((manager) => {
        nonceManager = manager;
        console.log('Nonce generated: ' + manager.getNonce());
        
        // Append the nonce to the ad tag URL.
        makeAdRequest(DEFAULT_AD_TAG + "&givn=" + nonceString);
      })

আপনি Google-এর থেকে বিজ্ঞাপন অনুরোধ ও রেন্ডার করলে, আপনাকে অবশ্যই AdChoices আইকন ও ওভারলে রেন্ডার করতে হবে। VAST উত্তর পার্স করা ও আইকন রেন্ডার করা সম্পর্কে আরও জানতে, AdChoices আইকন ও ওভারলে দেখুন।

প্লেব্যাক ইভেন্ট ট্র্যাক করা

সবশেষে, আপনার প্লেয়ারের জন্য বিভিন্ন ইভেন্ট হ্যান্ডলার প্রয়োগ করতে হবে। পরীক্ষার উদ্দেশ্যে, আপনি এগুলিকে বোতামে ক্লিক করার ইভেন্টের সাথে অ্যাটাচ করতে পারেন, কিন্তু বাস্তব প্রয়োগের ক্ষেত্রে, এগুলি উপযুক্ত প্লেয়ার ইভেন্ট দ্বারা ট্রিগার করা হবে:

pal.js

/**
 * Informs PAL that an ad click has occurred. How this function is
 * called will vary depending on your ad implementation.
 */
function sendAdClick() {
  nonceManager?.sendAdClick();
}

/**
 * Handles the user touching on the video element, passing it to PAL.
 * @param {!TouchEvent|!MouseEvent} touchEvent
 */
function onVideoTouch(touchEvent) {
  nonceManager?.sendAdTouch(touchEvent);
}

/** Informs PAL that playback has started. */
function sendPlaybackStart() {
  nonceManager?.sendPlaybackStart();
}

/** Informs PAL that playback has ended. */
function sendPlaybackEnd() {
  nonceManager?.sendPlaybackEnd();
}

আপনার প্রয়োগে, ভিডিও প্লেব্যাক সেশন শুরু হওয়ার পরে sendPlaybackStart একবার কল করা উচিত। আপনার ভিডিও প্লেব্যাক সেশন শেষ হয়ে গেলে sendPlaybackEnd-এ কল করতে হবে। sendAdClick কল করতে হবে যখনই দর্শক কোনও বিজ্ঞাপনে ক্লিক করবেন। প্লেয়ারের সাথে প্রতিটি টাচ ইন্টার‍্যাকশনে sendAdTouch কল করতে হবে ।

(ঐচ্ছিক) থার্ড-পার্টি বিজ্ঞাপন সার্ভারের মাধ্যমে Google Ad Manager সিগন্যাল পাঠানো

Ad Manager-এর জন্য থার্ড-পার্টি বিজ্ঞাপন সার্ভারের অনুরোধ কনফিগার করুন।

Ad Manager-এর কাছে সার্ভারের অনুরোধে ননস অন্তর্ভুক্ত করতে আপনার থার্ড-পার্টি বিজ্ঞাপন সার্ভার কনফিগার করুন। এখানে থার্ড-পার্টি বিজ্ঞাপন সার্ভারের মধ্যে কনফিগার করা বিজ্ঞাপন ট্যাগের একটি উদাহরণ দেওয়া হল:

'https://pubads.serverside.net/gampad/ads?givn=%%custom_key_for_google_nonce%%&...'

আরও বিবরণের জন্য, Google Ad Manager-এর সার্ভার-সাইড প্রয়োগ করা সংক্রান্ত নির্দেশিকা দেখুন।

নন্স ভ্যালু শনাক্ত করতে Ad Manager givn= খুঁজে দেখে। থার্ড-পার্টি বিজ্ঞাপন সার্ভারকে নিজস্ব কিছু ম্যাক্রো যেমন %%custom_key_for_google_nonce%% ব্যবহার করতে হবে এবং আগের ধাপে আপনার দেওয়া নন্স কোয়েরি প্যারামিটারের সাথে এটি পরিবর্তন করতে হবে। এটি কীভাবে করবেন সেই সম্পর্কে আরও তথ্য থার্ড-পার্টি বিজ্ঞাপন সার্ভারের ডকুমেন্টেশনে উপলভ্য থাকা উচিত।

ব্যস, এটুকুই যথেষ্ট! আপনার এখন PAL SDK থেকে, ইন্টারমিডিয়েট সার্ভারের মাধ্যমে এবং তারপরে Google Ad Manager-এ ননস প্যারামিটার প্রোপাগেট করা উচিত। এর ফলে Google Ad Manager-এর মাধ্যমে আরও ভালোভাবে মনিটাইজ করা যায়।