Reference Guide

গুণাবলী

সাবস্ক্রিপশন বোতামের জন্য একটি <div> উপাদান কীভাবে তৈরি করা যায় তা এই বিভাগে ব্যাখ্যা করে। নীচের তালিকাগুলি উপাদানটির প্রয়োজনীয় এবং ঐচ্ছিক বৈশিষ্ট্যগুলি ব্যাখ্যা করে৷ ঐচ্ছিক বৈশিষ্ট্যগুলি আপনাকে বোতামের লেআউট এবং থিম নিয়ন্ত্রণ করতে দেয় এবং সেই সাথে চ্যানেলের গ্রাহক সংখ্যা প্রদর্শন করতে পারে কিনা তা চয়ন করতে দেয়৷

প্রয়োজনীয় গুণাবলী

• class - মান সেট করুন g-ytsubscribe . এই ক্লাসটি <div> উপাদানটিকে একটি সাবস্ক্রিপশন বোতামের জন্য একটি ধারক হিসাবে চিহ্নিত করে এবং পরবর্তী বিভাগে ব্যাখ্যা করা অনুসারে এম্বেড করা বোতামটি গতিশীলভাবে পুনরায় আকার দিতে YouTube-কে সক্ষম করে।

• নিম্নলিখিত দুটি বৈশিষ্ট্যের একটির জন্য আপনাকে অবশ্যই একটি মান নির্দিষ্ট করতে হবে:

  • data-channel – বোতামের সাথে যুক্ত চ্যানেলের নাম। নমুনা মান: GoogleDevelopers ।
  • data-channelid - বোতামের সাথে যুক্ত চ্যানেল আইডি। নমুনা মান: UC_x5XG1OV2P6uZZ5FSM9Ttw । আপনি আপনার YouTube অ্যাকাউন্ট সেটিংসে বা এই নথির শেষে APIs Explorer ব্যবহার করে আপনার চ্যানেল আইডি পুনরুদ্ধার করতে পারেন৷ চ্যানেল আইডি নিয়ে কাজ করার বিষয়ে আরও জানুন।

ঐচ্ছিক বৈশিষ্ট্য

• data-layout - বোতামের বিন্যাস। বৈধ বৈশিষ্ট্য মান হল:

  • default - একটি প্লে বোতাম আইকন এবং ব্যবহারকারীর ভাষায় 'সাবস্ক্রাইব' শব্দটি প্রদর্শন করে, যা ব্যবহারকারীর ভাষা সেটিং বা অবস্থান ব্যবহার করে নির্বাচন করা হয়।
  • full - স্ট্যান্ডার্ড বোতাম ছাড়াও চ্যানেলের অবতার এবং চ্যানেলের শিরোনাম প্রদর্শন করে।

• data-theme - বোতামের জন্য ব্যবহার করার জন্য রঙের স্কিম নির্দিষ্ট করে। বৈধ মানগুলি default এবং dark । dark থিমটি এমন অ্যাপ্লিকেশনগুলির জন্য উদ্দিষ্ট যেগুলি একটি গাঢ় পটভূমি উপাদানের উপর বোতামগুলি রাখে৷

• data-count - বোতামটি চ্যানেলের গ্রাহক সংখ্যা প্রদর্শন করে কিনা তা নির্দেশ করে। বোতামের ডিফল্ট আচরণ হল গ্রাহক সংখ্যা প্রদর্শন করা। বৈধ মানগুলি default এবং hidden ।

• data-onytevent – ​​দ্রষ্টব্য: এই বৈশিষ্ট্যটি বাতিল করা হয়েছে।

ঘটনা

দ্রষ্টব্য: সাবস্ক্রাইব বোতামের subscribe এবং unsubscribe ইভেন্টগুলি বাতিল করা হয়েছে৷ একইভাবে, data-ytonevent অ্যাট্রিবিউট, যা পূর্বে ইভেন্ট বিজ্ঞপ্তির জন্য একজন শ্রোতাকে নির্দিষ্ট করতে উইজেট উপাদানে যোগ করা যেতে পারে, তাও অবমূল্যায়িত করা হয়েছে।

গতিশীল রেন্ডারিং

কনফিগারেশন টুল থেকে স্ট্যান্ডার্ড এম্বেড কোড ব্যবহার করার বিকল্প হিসেবে, আপনি Subscribe Button গতিশীলভাবে রেন্ডার করতে পারেন। এই পদ্ধতিটি API-এর জাভাস্ক্রিপ্টকে বোতামগুলি সনাক্ত করতে সমগ্র DOM অতিক্রম করতে বাধা দেয়, যা বোতাম রেন্ডারিং সময়কে উন্নত করতে পারে।

Google+ JavaScript API এর একটি অংশ হিসাবে, Subscribe Button স্ট্যান্ডার্ড go এবং render পদ্ধতি সমর্থন করে, যা সাবস্ক্রিপশন বোতামগুলিকে গতিশীলভাবে রেন্ডার করতে ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, আপনি এই পদ্ধতিগুলি ব্যবহার করে এমন একটি বোতাম রেন্ডার করতে পারেন যা DOM ready ইভেন্ট ফায়ার হওয়ার সময় উপস্থিত থাকে না, যেমন AJAX এর সাথে আপডেট করা পৃষ্ঠায়।

পদ্ধতি	বর্ণনা
gapi.ytsubscribe. go ( opt_container )	নির্দিষ্ট পাত্রে সমস্ত সদস্যতা বোতাম রেন্ডার করে। আপনি যদি রেন্ডার করতে চান এমন সাবস্ক্রিপশন বোতাম উপাদানগুলি ইতিমধ্যে বিদ্যমান থাকলে এই পদ্ধতিটি ব্যবহার করুন। উদাহরণস্বরূপ, যদি আপনার অ্যাপ্লিকেশন একটি AJAX অনুরোধ পাঠায় যা একটি Subscribe Button জন্য সম্পূর্ণ <div> উপাদান প্রদান করে, বোতামটি রেন্ডার করতে go() পদ্ধতিতে কল করুন। opt_container HTML উপাদান যেটিতে রেন্ডার করার জন্য সাবস্ক্রিপশন বোতাম রয়েছে। হয় এলিমেন্টের আইডি বা DOM এলিমেন্ট নিজেই নির্দিষ্ট করুন। যদি এই প্যারামিটারটি বাদ দেওয়া হয়, পৃষ্ঠার সমস্ত সদস্যতা বোতাম রেন্ডার করা হয়।
gapi.ytsubscribe. render ( container , parameters )	নির্দিষ্ট কন্টেইনারের মধ্যে Subscribe Button রেন্ডার করে। যদি Subscribe Button ধারণ করে এমন উপাদানটি ইতিমধ্যেই বিদ্যমান না থাকে এবং নির্মাণের প্রয়োজন হয় তবে এই পদ্ধতিটি ব্যবহার করুন। container খালি HTML উপাদান সনাক্ত করে যেখানে Subscribe Button রেন্ডার করা হবে। হয় এলিমেন্টের আইডি বা DOM এলিমেন্ট নিজেই নির্দিষ্ট করুন। parameters সাবস্ক্রিপশন বোতাম বৈশিষ্ট্যযুক্ত একটি বস্তু key:value জোড়া, যেমন {"channel": "GoogleDevelopers", "layout": "full"}

gapi.ytsubscribe.go দিয়ে একটি বোতাম রেন্ডার করুন

নীচের উদাহরণটি সেই কোডটি দেখায় যা আপনি gapi.ytsubscribe.go পদ্ধতিতে কল করার জন্য ব্যবহার করবেন যখন লিঙ্কটি ক্লিক করা হয় তখন গতিশীলভাবে একটি বোতাম রেন্ডার করতে।

দ্রষ্টব্য: উপরের কনফিগারেশন টুলটি একটি নতুন বোতাম রেন্ডার করার জন্য go পদ্ধতি ব্যবহার করে যখন আপনি বোতাম বিকল্প বা কোড আপডেট করেন।

gapi.ytsubscribe.render সহ একটি বোতাম রেন্ডার করুন

নীচের উদাহরণটি দেখায় যে লিঙ্কটিতে ক্লিক করার সময় গতিশীলভাবে একটি বোতাম রেন্ডার করার জন্য gapi.ytsubscribe.render পদ্ধতিতে কল করতে হয়: