একটি অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করুন
এই উদাহরণটি Google প্রকাশক ট্যাগ (GPT) লাইব্রেরি ব্যবহার করে একটি অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করে৷ গুগল অ্যাড ম্যানেজার সহায়তা কেন্দ্রে অ্যাঙ্কর বিজ্ঞাপন সম্পর্কে আরও জানুন।
অ্যাঙ্কর বিজ্ঞাপনগুলির পূর্বরূপ দেখুন
আপনি URL-এ #gamTopAnchorDemo বা #gamBottomAnchorDemo যোগ করে GPT সহ বিজ্ঞাপন দেখায় এমন যেকোনো পৃষ্ঠায় একটি ডেমো অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করতে পারেন। উদাহরণস্বরূপ, https://www.example.com/#gamTopAnchorDemo ।
এই কার্যকারিতা আপনার সাইটে অ্যাঙ্কর বিজ্ঞাপনগুলির পূর্বরূপ দেখতে ব্যবহার করা যেতে পারে কোন কোড পরিবর্তনের প্রয়োজন নেই৷ অ্যাঙ্করগুলি বিভিন্ন ডিভাইসে এবং বিভিন্ন অপারেটিং পরিবেশে কীভাবে দেখতে এবং আচরণ করবে তা দ্রুত যাচাই করার জন্য এটি বিশেষত কার্যকর।
ব্যবহারের নোট
একটি সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করতে, অ্যাঙ্কর বিজ্ঞাপনগুলি শুধুমাত্র সেই পৃষ্ঠাগুলিতে অনুরোধ করা হয় যা সঠিকভাবে ফর্ম্যাটটিকে সমর্থন করে৷ এই কারণে,
defineOutOfPageSlot()null ফিরতে পারে; আপনি কোন অপ্রয়োজনীয় কাজ করছেন না তা নিশ্চিত করতে আপনার এই ক্ষেত্রে পরীক্ষা করা উচিত। বর্তমানে, নিম্নলিখিত শর্তগুলি পূরণ করা হলে অ্যাঙ্কর বিজ্ঞাপনগুলি সমর্থিত:- উপরের উইন্ডোতে GPT চলছে।
- একটি মোবাইল অপ্টিমাইজ করা পৃষ্ঠায় যেখানে জুম নিরপেক্ষ; সাধারণত এর অর্থ হল প্রকাশকের
<meta name="viewport" content="width=device-width, initial-scale=1">বা পৃষ্ঠার<head>এ অনুরূপ। - ভিউপোর্ট
320pxএবং1000pxএর মধ্যে প্রস্থ সহ একটি প্রতিকৃতি অভিযোজনে রয়েছে৷
শুধুমাত্র পৃষ্ঠা/পরিবেশে অ্যাঙ্কর বিজ্ঞাপনের অনুরোধ করুন যেখানে আপনি একটি অ্যাঙ্কর দেখাতে চান। অ্যাঙ্কর বিজ্ঞাপনগুলি ডেস্কটপ, ট্যাবলেট এবং মোবাইল ডিভাইসে পরিবেশন করার যোগ্য৷
অ্যাঙ্কর বিজ্ঞাপনগুলি তাদের নিজস্ব বিজ্ঞাপন ধারক তৈরি করে। অন্যান্য বিজ্ঞাপনের ধরন থেকে ভিন্ন, অ্যাঙ্কর বিজ্ঞাপনের জন্য
<div>সংজ্ঞায়িত করার প্রয়োজন নেই। অ্যাঙ্কর বিজ্ঞাপনগুলি স্বয়ংক্রিয়ভাবে পৃষ্ঠায় তাদের নিজস্ব কন্টেইনার তৈরি করে এবং সন্নিবেশ করে যখন একটি বিজ্ঞাপন পূর্ণ হয়। এই কন্টেইনারগুলি পরম বা স্থির অবস্থান ব্যবহার করে অন্যান্য উপাদানগুলিকে ওভারল্যাপ করতে পারে বা আটকাতে পারে, তাই অ্যাঙ্করগুলি দেখানোর উদ্দেশ্যে এমন জায়গায় এই জাতীয় উপাদানগুলি স্থাপন করা এড়াতে সুপারিশ করা হয়।একাধিক স্লট সহ একটি পৃষ্ঠায় একক-অনুরোধ আর্কিটেকচার (SRA) ব্যবহার করলে, স্ট্যাটিক বিজ্ঞাপন স্লট ডিভ তৈরি না হওয়া পর্যন্ত
display()কল করবেন না। বিজ্ঞাপনের সর্বোত্তম অনুশীলনে যেমন ব্যাখ্যা করা হয়েছে,display()করার প্রথম কল সেই পয়েন্টের আগে সংজ্ঞায়িত প্রতিটি বিজ্ঞাপন স্লটের জন্য অনুরোধ করে। যদিও অ্যাঙ্কর বিজ্ঞাপন স্লটগুলির জন্য পূর্বনির্ধারিত<div>প্রয়োজন হয় না, স্ট্যাটিক বিজ্ঞাপন স্লটগুলি তা করে। এই উপাদানগুলি পৃষ্ঠায় উপস্থিত হওয়ার আগেdisplay()কল করার ফলে নিম্নমানের সংকেত হতে পারে, নগদীকরণ হ্রাস করতে পারে। এই কারণে, আমরা স্ট্যাটিক স্লটগুলি সংজ্ঞায়িত না হওয়া পর্যন্ত প্রাথমিক কলটি বিলম্বিত করার পরামর্শ দিই৷শুধুমাত্র দৃশ্যমান অ্যাঙ্কর বিজ্ঞাপনগুলি রিফ্রেশ করা যেতে পারে৷ যখন একটি অ্যাঙ্কর বিজ্ঞাপন স্লট ভেঙে পড়ে বা এখনও ভিউতে স্ক্রোল করা হয় না,
refresh()করার সমস্ত কল উপেক্ষা করা হয়। আপনি যদি বিজ্ঞাপন লোডিং এবং রিফ্রেশ ম্যানুয়ালি নিয়ন্ত্রণ করতেdisableInitialLoad()ব্যবহার করেন, তবে,refresh()-এর প্রথম কলটি স্লট দৃশ্যমানতা নির্বিশেষে একটি বিজ্ঞাপন অনুরোধ ট্রিগার করবে।
নমুনা বাস্তবায়ন
ডেমো দেখুনজাভাস্ক্রিপ্ট
টাইপস্ক্রিপ্ট
একটি অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করুন
এই উদাহরণটি Google প্রকাশক ট্যাগ (GPT) লাইব্রেরি ব্যবহার করে একটি অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করে৷ গুগল অ্যাড ম্যানেজার সহায়তা কেন্দ্রে অ্যাঙ্কর বিজ্ঞাপন সম্পর্কে আরও জানুন।
অ্যাঙ্কর বিজ্ঞাপনগুলির পূর্বরূপ দেখুন
আপনি URL-এ #gamTopAnchorDemo বা #gamBottomAnchorDemo যোগ করে GPT সহ বিজ্ঞাপন দেখায় এমন যেকোনো পৃষ্ঠায় একটি ডেমো অ্যাঙ্কর বিজ্ঞাপন প্রদর্শন করতে পারেন। উদাহরণস্বরূপ, https://www.example.com/#gamTopAnchorDemo ।
এই কার্যকারিতা আপনার সাইটে অ্যাঙ্কর বিজ্ঞাপনগুলির পূর্বরূপ দেখতে ব্যবহার করা যেতে পারে কোন কোড পরিবর্তনের প্রয়োজন নেই৷ অ্যাঙ্করগুলি বিভিন্ন ডিভাইসে এবং বিভিন্ন অপারেটিং পরিবেশে কীভাবে দেখতে এবং আচরণ করবে তা দ্রুত যাচাই করার জন্য এটি বিশেষত কার্যকর।
ব্যবহারের নোট
একটি সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করতে, অ্যাঙ্কর বিজ্ঞাপনগুলি শুধুমাত্র সেই পৃষ্ঠাগুলিতে অনুরোধ করা হয় যা সঠিকভাবে ফর্ম্যাটটিকে সমর্থন করে৷ এই কারণে,
defineOutOfPageSlot()null ফিরতে পারে; আপনি কোন অপ্রয়োজনীয় কাজ করছেন না তা নিশ্চিত করতে আপনার এই ক্ষেত্রে পরীক্ষা করা উচিত। বর্তমানে, নিম্নলিখিত শর্তগুলি পূরণ করা হলে অ্যাঙ্কর বিজ্ঞাপনগুলি সমর্থিত:- উপরের উইন্ডোতে GPT চলছে।
- একটি মোবাইল অপ্টিমাইজ করা পৃষ্ঠায় যেখানে জুম নিরপেক্ষ; সাধারণত এর অর্থ হল প্রকাশকের
<meta name="viewport" content="width=device-width, initial-scale=1">বা পৃষ্ঠার<head>এ অনুরূপ। - ভিউপোর্ট
320pxএবং1000pxএর মধ্যে প্রস্থ সহ একটি প্রতিকৃতি অভিযোজনে রয়েছে৷
শুধুমাত্র পৃষ্ঠা/পরিবেশে অ্যাঙ্কর বিজ্ঞাপনের অনুরোধ করুন যেখানে আপনি একটি অ্যাঙ্কর দেখাতে চান। অ্যাঙ্কর বিজ্ঞাপনগুলি ডেস্কটপ, ট্যাবলেট এবং মোবাইল ডিভাইসে পরিবেশন করার যোগ্য৷
অ্যাঙ্কর বিজ্ঞাপনগুলি তাদের নিজস্ব বিজ্ঞাপন ধারক তৈরি করে। অন্যান্য বিজ্ঞাপনের ধরন থেকে ভিন্ন, অ্যাঙ্কর বিজ্ঞাপনের জন্য
<div>সংজ্ঞায়িত করার প্রয়োজন নেই। অ্যাঙ্কর বিজ্ঞাপনগুলি স্বয়ংক্রিয়ভাবে পৃষ্ঠায় তাদের নিজস্ব কন্টেইনার তৈরি করে এবং সন্নিবেশ করে যখন একটি বিজ্ঞাপন পূর্ণ হয়। এই কন্টেইনারগুলি পরম বা স্থির অবস্থান ব্যবহার করে অন্যান্য উপাদানগুলিকে ওভারল্যাপ করতে পারে বা আটকাতে পারে, তাই অ্যাঙ্করগুলি দেখানোর উদ্দেশ্যে এমন জায়গায় এই জাতীয় উপাদানগুলি স্থাপন করা এড়াতে সুপারিশ করা হয়।একাধিক স্লট সহ একটি পৃষ্ঠায় একক-অনুরোধ আর্কিটেকচার (SRA) ব্যবহার করলে, স্ট্যাটিক বিজ্ঞাপন স্লট ডিভ তৈরি না হওয়া পর্যন্ত
display()কল করবেন না। বিজ্ঞাপনের সর্বোত্তম অনুশীলনে যেমন ব্যাখ্যা করা হয়েছে,display()করার প্রথম কল সেই পয়েন্টের আগে সংজ্ঞায়িত প্রতিটি বিজ্ঞাপন স্লটের জন্য অনুরোধ করে। যদিও অ্যাঙ্কর বিজ্ঞাপন স্লটগুলির জন্য পূর্বনির্ধারিত<div>প্রয়োজন হয় না, স্ট্যাটিক বিজ্ঞাপন স্লটগুলি তা করে। এই উপাদানগুলি পৃষ্ঠায় উপস্থিত হওয়ার আগেdisplay()কল করার ফলে নিম্নমানের সংকেত হতে পারে, নগদীকরণ হ্রাস করতে পারে। এই কারণে, আমরা স্ট্যাটিক স্লটগুলি সংজ্ঞায়িত না হওয়া পর্যন্ত প্রাথমিক কলটি বিলম্বিত করার পরামর্শ দিই৷শুধুমাত্র দৃশ্যমান অ্যাঙ্কর বিজ্ঞাপনগুলি রিফ্রেশ করা যেতে পারে৷ যখন একটি অ্যাঙ্কর বিজ্ঞাপন স্লট ভেঙে পড়ে বা এখনও ভিউতে স্ক্রোল করা হয় না,
refresh()করার সমস্ত কল উপেক্ষা করা হয়। আপনি যদি বিজ্ঞাপন লোডিং এবং রিফ্রেশ ম্যানুয়ালি নিয়ন্ত্রণ করতেdisableInitialLoad()ব্যবহার করেন, তবে,refresh()-এর প্রথম কলটি স্লট দৃশ্যমানতা নির্বিশেষে একটি বিজ্ঞাপন অনুরোধ ট্রিগার করবে।