এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

বিজ্ঞাপনের আকার

আপনার সংজ্ঞায়িত প্রতিটি বিজ্ঞাপন স্লটে অবশ্যই সেই স্লটে পরিবেশন করার যোগ্য বিজ্ঞাপনের আকার(গুলি) নির্দিষ্ট করতে হবে। যেভাবে বিজ্ঞাপনের আকার নির্দিষ্ট করা হয়েছে তা প্রদর্শিত বিজ্ঞাপনের ধরন, সেইসাথে বিজ্ঞাপন স্লটের আকার এবং নমনীয়তার উপর নির্ভর করে পরিবর্তিত হয়।

কিছু ক্ষেত্রে, Google Ad Manager-এর মধ্যে লাইন আইটেম স্তরে বিজ্ঞাপনের আকার ওভাররাইড করা হতে পারে। আরও জানতে সহায়তা কেন্দ্রে যান।

এই নির্দেশিকায় অন্তর্ভুক্ত উদাহরণগুলির সম্পূর্ণ কোড বিজ্ঞাপনের আকারের নমুনা পৃষ্ঠায় পাওয়া যাবে।

নির্দিষ্ট আকারের বিজ্ঞাপন

আপনি একটি নির্দিষ্ট আকারের সাথে একটি বিজ্ঞাপন স্লট সংজ্ঞায়িত করতে পারেন।

googletag
  .defineSlot("/6355419/Travel/Europe/France/Paris", [300, 250], "fixed-size-ad")
  .addService(googletag.pubads());

এই উদাহরণে, শুধুমাত্র 300x250 আকারের ক্রিয়েটিভগুলি পরিবেশন করা হবে৷

মূল পয়েন্ট: নির্দিষ্ট-আকারের বিজ্ঞাপনগুলির সাথে কাজ করার সময়, আমরা দৃঢ়ভাবে সুপারিশ করি যে আপনি <div> উপাদানটির আকার নির্ধারণ করুন যেখানে সৃজনশীল রেন্ডার হবে। যেহেতু ক্রিয়েটিভগুলি প্রায়শই অ্যাসিঙ্ক্রোনাসভাবে রেন্ডার করা হয়, তাই তাদের জন্য অপর্যাপ্ত স্থান সংরক্ষিত থাকলে সেগুলি পৃষ্ঠার অন্যান্য উপাদানগুলিকে স্থানান্তরিত করতে পারে৷

মাল্টি সাইজের বিজ্ঞাপন

যদি একটি বিজ্ঞাপন একাধিক আকার সমর্থন করে, বিজ্ঞাপন স্লট সংজ্ঞায়িত করার সময় সমর্থিত আকারের একটি তালিকা প্রদান করুন।

googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [
      [300, 250],
      [728, 90],
      [750, 200],
    ],
    "multi-size-ad",
  )
  .addService(googletag.pubads());

এই উদাহরণে, 300x250 , 728x90 , এবং 750x200 মাপের ক্রিয়েটিভগুলি পরিবেশন করা যেতে পারে। বিজ্ঞাপন ম্যানেজার শুধুমাত্র বিজ্ঞাপন নির্বাচন প্রক্রিয়ার সময় এই আকারের সাথে মিলে যাওয়া ক্রিয়েটিভ বিবেচনা করে।

যদি CSS-এ বিজ্ঞাপন স্লট <div> এর জন্য মাত্রা নির্দিষ্ট করা না থাকে, GPT স্বয়ংক্রিয়ভাবে সংক্ষিপ্ত ঘোষিত উচ্চতার সমান এবং প্রশস্ত ঘোষিত প্রস্থ 1px-এর উপরে display() কল করা হলে স্বয়ংক্রিয়ভাবে সেট করে। এই ক্ষেত্রে, এটি 750x90 হবে। যাইহোক, এই সাইজিং পৃষ্ঠার অন্যান্য সামগ্রী লোড হওয়ার পরে ঘটতে পারে, যার ফলে সেই বিষয়বস্তুটি স্থানান্তরিত হয়৷ লেআউট শিফট এড়াতে, মিনিমাইজ লেআউট শিফট গাইডে দেখানো হিসাবে CSS ব্যবহার করে জায়গা রিজার্ভ করুন।

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

তরল বিজ্ঞাপন

তরল বিজ্ঞাপনগুলির কোনও নির্দিষ্ট আকার নেই, বরং তারা যে সৃজনশীল বিষয়বস্তু প্রদর্শন করে তার সাথে মানিয়ে যায়৷ নেটিভ বিজ্ঞাপনগুলি বর্তমানে একমাত্র তরল বিজ্ঞাপনের প্রকার যা Ad Manager দ্বারা সমর্থিত৷

তরল বিজ্ঞাপনের সাথে কাজ করার সময়, একটি কাস্টম fluid আকার নির্দিষ্ট করা যেতে পারে।

googletag
  .defineSlot("/6355419/Travel", ["fluid"], "native-ad")
  .addService(googletag.pubads());

এই উদাহরণে, বিজ্ঞাপন স্লটটির মূল কন্টেইনারের প্রস্থ থাকবে এবং সৃজনশীল বিষয়বস্তুর সাথে মানানসই করার জন্য এর উচ্চতার আকার পরিবর্তন করা হবে। বিজ্ঞাপন স্লটের আকার পরিবর্তন করার জন্য GPT যে পদক্ষেপগুলি নেয় তা নিম্নরূপ:

বিজ্ঞাপন প্রতিক্রিয়া পাওয়া যায়.
সৃজনশীল বিষয়বস্তু একটি আইফ্রেমে লেখা হয়, যার প্রাথমিক উচ্চতা 0px সেট করা হয় এবং প্রস্থ 100% সেট করা হয়।
একবার আইফ্রেমের সমস্ত সংস্থান লোড করা শেষ হলে, আইফ্রেমের <body> উপাদানের উচ্চতার সমান আইফ্রেমের উচ্চতা সেট করে ক্রিয়েটিভটি দৃশ্যমান করা হয়।

তরল বিজ্ঞাপনের নমনীয় প্রকৃতির কারণে, বেশ কয়েকটি সতর্কতা রয়েছে যার মধ্যে রয়েছে:

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

প্রতিক্রিয়াশীল বিজ্ঞাপন

প্রতিক্রিয়াশীল বিজ্ঞাপনগুলি বহু-আকারের বিজ্ঞাপনগুলিকে প্রসারিত করে এবং আপনাকে অনুরোধ করা ব্রাউজারের ভিউপোর্টের আকারের উপর ভিত্তি করে পরিবেশন করার জন্য ক্রিয়েটিভের আকার নির্দিষ্ট করার অনুমতি দেয়৷ এই কার্যকারিতা বিভিন্ন ধরনের ডিভাইসে (ডেস্কটপ, ট্যাবলেট, মোবাইল, ইত্যাদি) পরিবেশিত ক্রিয়েটিভের আকার নিয়ন্ত্রণ করতে ব্যবহার করা যেতে পারে।

ভিউপোর্টের আকার এবং বিজ্ঞাপনের আকারের মধ্যে একটি ম্যাপিং সংজ্ঞায়িত করে, তারপর সেই ম্যাপিংটিকে একটি বিজ্ঞাপন স্লটের সাথে সংযুক্ত করে এটি সম্পন্ন করা হয়।

const responsiveAdSlot = googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [
      [300, 250],
      [728, 90],
      [750, 200],
    ],
    "responsive-ad",
  )
  .addService(googletag.pubads());

const mapping = googletag
  .sizeMapping()
  .addSize(
    [1024, 768],
    [
      [750, 200],
      [728, 90],
    ],
  )
  .addSize([640, 480], [300, 250])
  .addSize([0, 0], [])
  .build();

responsiveAdSlot.defineSizeMapping(mapping);

এই উদাহরণে, ম্যাপিং নির্দিষ্ট করে:

ভিউপোর্ট >= 1024x768 হলে, 750x200 বা 728x90 আকারের বিজ্ঞাপনগুলি পরিবেশন করতে পারে।
যখন 1024x768 > ভিউপোর্ট >= 640x480 , 300x250 আকারের বিজ্ঞাপনগুলি পরিবেশন করতে পারে৷
যখন ভিউপোর্ট < 640x480 , কোন বিজ্ঞাপন পরিবেশন করা যাবে না।

জিপিটি অনুরোধ করা ব্রাউজারটির ভিউপোর্টের আকার সনাক্ত করবে এবং সবচেয়ে উপযুক্ত ম্যাপিং ব্যবহার করবে। সবচেয়ে বড় ম্যাপিং নির্ধারণ করতে GPT প্রথমে প্রস্থ, তারপর উচ্চতা (যেমন, [100, 10] > [10, 100] ) বিবেচনা করে। ম্যাপিংয়ে কোনো ত্রুটি দেখা দিলে বা ভিউপোর্টের আকার নির্ধারণ করা না গেলে, defineSlot() এ উল্লেখিত মাপ ব্যবহার করা হবে।

ম্যাপিং তারপর Slot.defineSizeMapping() পদ্ধতিতে কল করে একটি বিজ্ঞাপন স্লটের সাথে যুক্ত করা হয়। এই পদ্ধতিটি নিম্নলিখিত বিন্যাসে ম্যাপিংয়ের একটি অ্যারে গ্রহণ করে:

[
  [
    [viewport-width-1, viewport-height-1],
    [[ad-width-1, ad-height-1], [ad-width-2, ad-height-2], ...]
  ],
  [
    [viewport-width-2, viewport-height-2],
    [[ad-width-3, ad-height-3], [ad-width-4, ad-height-4], ...]
  ],
  ...
]

এই অ্যারের মধ্যে ভিউপোর্ট আকারের ক্রম তাদের অগ্রাধিকার সংজ্ঞায়িত করে। উপরের উদাহরণে ব্যবহৃত SizeMappingBuilder হল এই বিন্যাসের একটি অ্যারে তৈরি করার একটি সুবিধাজনক উপায়, যার আকারগুলি স্বয়ংক্রিয়ভাবে বৃহত্তম থেকে ছোট পর্যন্ত অর্ডার করা হয়৷ সেই উদাহরণে, SizeMappingBuilder.build() এর আউটপুট হল:

[
  [[1024, 768], [[750, 200], [728, 90]]],
  [[640, 480], [[300, 250]]],
  [[0, 0], []]
]