একটি H5 গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন প্রদর্শন করুন

এই উদাহরণটি Google Publisher Tag (GPT) লাইব্রেরি ব্যবহার করে একটি গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন প্রদর্শন করে৷ গেমিং ইন্টারস্টিশিয়াল হল GPT-পরিচালিত, পূর্ণ-পৃষ্ঠার বিজ্ঞাপন যা আপনি একটি ম্যানুয়াল ট্রিগারের উপর ভিত্তি করে ওয়েব-ভিত্তিক গেম খেলা ব্যবহারকারীদের কাছে প্রদর্শন করেন। গেমিং ইন্টারস্টিশিয়াল সম্পর্কে আরও তথ্যের জন্য, একটি H5 গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন প্রদর্শন করুন

গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলি প্রদর্শন এবং ইন্টারঅ্যাক্ট করতে, নিম্নলিখিত GPT ইভেন্টগুলি ব্যবহার করুন:

ঘটনা গুলি করা হয় যখন...
GamingInterstitialSlotReady একটি গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন ব্যবহারকারীর কাছে প্রদর্শনের জন্য প্রস্তুত৷

ইন্টারস্টিশিয়াল প্রদর্শন করতে, প্রদত্ত ইভেন্ট অবজেক্টে makeGameManualInterstitialVisible() কল করুন।
GamingInterstitialSlotClosed ব্যবহারকারী একটি পূর্বে প্রদর্শিত গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন বন্ধ করেছেন৷

যখনই একটি গেমিং ইন্টারস্টিশিয়াল বন্ধ থাকে তখন কাস্টম লজিক চালানোর জন্য এই ইভেন্টটি ব্যবহার করুন৷

খেলার কাঠামো

গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলি ফুলস্ক্রিন বা আপনার গেমের ফ্রেমের ভিতরে প্রদর্শন করতে পারে, আপনার গেমটি কীভাবে গঠন করা হয়েছে তার উপর নির্ভর করে। আরও বিস্তারিত জানার জন্য, H5 গেম স্ট্রাকচার দেখুন।

নমুনা বাস্তবায়ন অনুমান করে যে H5 গেমটি ফুলস্ক্রিন কাঠামো ব্যবহার করে সরাসরি শীর্ষ-সবচেয়ে উইন্ডোতে রেন্ডার করে। এই পরিস্থিতিতে, গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনটিও পূর্ণস্ক্রীন রেন্ডার করে৷

যাইহোক, iFrame/WebView স্ট্রাকচার ব্যবহার করে চাইল্ড ফ্রেমের ভিতরে রাখা হলে এই একই কোড কাজ করে। গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনকে H5 গেমের ক্যানভাসে সীমাবদ্ধ করতে, গেমটিকে একটি iFrame-এ রাখুন, যেমনটি নিম্নলিখিত উদাহরণে দেখানো হয়েছে:

<!doctype html>
<html>
 
<head>
   
<!-- The Google Publisher Tag here, if any, will only be responsible for serving ads outside of the H5 game. -->
   
<title>Page for this example H5 game</title>
   
<!-- Your <head> content here. -->
 
</head>
 
<body>
   
<span id="example-text">Example H5 game</span>

   
<!-- Sample code is served here. The Google Publisher Tag loaded in this frame will only be used within the H5 game. -->
   
<iframe src="https://www.example.com" title="Example game" allow="autoplay"></iframe>
 
</body>
</html>

ব্যবহারের নোট

  • একটি সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করতে, GPT শুধুমাত্র সেই পৃষ্ঠাগুলিতে গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনের অনুরোধ করে যা সঠিকভাবে ফর্ম্যাট সমর্থন করে৷ এই সীমাবদ্ধতার কারণে, defineOutOfPageSlot() শূন্য হতে পারে। আপনি কোন অপ্রয়োজনীয় কাজ করছেন না তা নিশ্চিত করার জন্য আপনাকে অবশ্যই এই ক্ষেত্রে পরীক্ষা করতে হবে।

  • শুধুমাত্র পৃষ্ঠা বা পরিবেশে গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনের অনুরোধ করুন যেখানে আপনি একটি ইন্টারস্টিশিয়াল দেখাতে চান। গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলি ডেস্কটপ, ট্যাবলেট এবং মোবাইল ডিভাইসে পরিবেশন করার যোগ্য৷

  • গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলি তাদের নিজস্ব বিজ্ঞাপন স্লট তৈরি করে। অন্যান্য বিজ্ঞাপনের ধরন থেকে ভিন্ন, গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনের জন্য একটি <div> সংজ্ঞায়িত করার প্রয়োজন নেই। এই বিজ্ঞাপনগুলি স্বয়ংক্রিয়ভাবে পৃষ্ঠায় তাদের নিজস্ব ধারক তৈরি করে এবং সন্নিবেশ করে যখন একটি বিজ্ঞাপন পূর্ণ হয়।

  • গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলি একবার ব্যবহার করা হয়৷ আপনি একটি গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপন স্লট রিফ্রেশ করতে পারবেন না৷ পরিবর্তে, আপনাকে অবশ্যই স্লটটি ধ্বংস করতে হবে এবং এটি পুনরায় তৈরি করতে হবে, যেমনটি নমুনা বাস্তবায়নে দেখানো হয়েছে।

  • গেমিং ইন্টারস্টিশিয়াল বিজ্ঞাপনগুলির একটি নির্দিষ্ট ফ্রিকোয়েন্সি ক্যাপ থাকে৷ ফ্রিকোয়েন্সি ক্যাপ gamingInterstitialSlotReady ইভেন্টকে প্রতি 120 সেকেন্ডে একবারের বেশি ফায়ার করা থেকে বাধা দেয়।

  • একাধিক স্লট সহ একটি পৃষ্ঠায় একক-অনুরোধ আর্কিটেকচার (SRA) ব্যবহার করলে, স্ট্যাটিক বিজ্ঞাপন স্লট ডিভ তৈরি না হওয়া পর্যন্ত display() কল করবেন না। বিজ্ঞাপনের সর্বোত্তম অনুশীলনে যেমন ব্যাখ্যা করা হয়েছে, display() প্রথম কলটি সেই পয়েন্টের আগে সংজ্ঞায়িত প্রতিটি বিজ্ঞাপন স্লটের অনুরোধ করে। যদিও গেমিং ইন্টারস্টিশিয়াল স্লটগুলির জন্য পূর্বনির্ধারিত <div> প্রয়োজন হয় না, তবে স্ট্যাটিক বিজ্ঞাপন স্লটগুলি তা করে। পৃষ্ঠায় এই উপাদানগুলি উপস্থিত হওয়ার আগে display() কল করলে নিম্নমানের সংকেত হতে পারে। স্ট্যাটিক স্লট সংজ্ঞায়িত না হওয়া পর্যন্ত আমরা প্রাথমিক কলটি বিলম্বিত করার পরামর্শ দিই।

নমুনা বাস্তবায়ন

ডেমো দেখুন