এই রেফারেন্স পৃষ্ঠাটি বর্ণনা করে কিভাবে মধ্যবর্তী আইফ্রেম HTML পৃষ্ঠাগুলিতে লোড করা যায়।
ইন্টারমিডিয়েট আইফ্রেম জাভাস্ক্রিপ্ট লাইব্রেরি লোড করুন
যেকোনও HTML পৃষ্ঠাগুলিতে নিম্নলিখিত কোড স্নিপেট রাখুন যা আপনি প্রদর্শন করতে Google One Tap করতে চান:
<script src="https://accounts.google.com/gsi/intermediate"></script>
HTML API
আপনি g_id_intermediate_iframe
এ সেট আইডি বৈশিষ্ট্য সহ একটি HTML উপাদান অন্তর্ভুক্ত করে মধ্যবর্তী iframe লোড করতে পারেন। নিম্নলিখিত উদাহরণ কোড স্নিপেট দেখুন:
<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
data-src="https://example.com/onetap_iframe.html">
</div>
"g_id_intermediate_iframe" আইডি সহ উপাদান
আপনি যেকোনো দৃশ্যমান বা অদৃশ্য উপাদানে মধ্যবর্তী আইফ্রেম ডেটা অ্যাট্রিবিউট রাখতে পারেন, যেমন <div>
এবং <span>
। শুধুমাত্র প্রয়োজন হল উপাদান আইডি g_id_intermediate_iframe
এ সেট করা আছে। এই আইডিটি একাধিক উপাদানে রাখবেন না।
নিম্নলিখিত সারণীতে তাদের বিবরণ সহ ডেটা বৈশিষ্ট্যগুলি তালিকাভুক্ত করা হয়েছে:
বৈশিষ্ট্য | |
---|---|
data-src | আপনার ওয়ান ট্যাপ ইন্টারমিডিয়েট আইফ্রেমের URI |
data-done | ওয়ান ট্যাপ ইউএক্স সম্পন্ন হলে একটি জাভাস্ক্রিপ্ট কলব্যাক পদ্ধতি ট্রিগার করা হবে। |
data-src
এই বৈশিষ্ট্যটি হল আপনার One Tap মধ্যবর্তী আইফ্রেমের URI। আরও তথ্যের জন্য নিম্নলিখিত টেবিল দেখুন:
টাইপ | প্রয়োজন | উদাহরণ |
---|---|---|
স্ট্রিং | হ্যাঁ | data-src="https://example.com/onetap_iframe.html" |
ডেটা সম্পন্ন
এই বৈশিষ্ট্যটি হল একটি জাভাস্ক্রিপ্ট কলব্যাক পদ্ধতি যখন ওয়ান ট্যাপ ইউএক্স সম্পন্ন হয়।
ডিফল্টরূপে, ওয়ান ট্যাপ ইউএক্স হয়ে গেলে বিষয়বস্তু পৃষ্ঠাটি পুনরায় লোড করা হয়। আপনি আপনার নিজের করা কলব্যাক প্রদান করে ডিফল্ট আচরণ ওভাররাইড করতে পারেন। আরও তথ্যের জন্য নিম্নলিখিত টেবিল দেখুন:
টাইপ | প্রয়োজন | উদাহরণ |
---|---|---|
ফাংশন | ঐচ্ছিক | data-done="onOneTapSuccess" |
জাভাস্ক্রিপ্ট API
আপনি একটি জাভাস্ক্রিপ্ট পদ্ধতি কল করে মধ্যবর্তী iframe লোড করতে পারেন।
পদ্ধতি: google.accounts.id.initializeIntermediate
google.accounts.id.initializeIntermediate
পদ্ধতি কনফিগারেশন অবজেক্টের উপর ভিত্তি করে মধ্যবর্তী iframe লোড করে। পদ্ধতির নিম্নলিখিত কোড উদাহরণ দেখুন:
google.accounts.id.initializeIntermediate(IntermediateConfig)
নিম্নলিখিত কোড উদাহরণটি একটি onload
ফাংশন সহ google.accounts.id.initializeIntermediate
পদ্ধতি প্রয়োগ করে:
<script>
window.onload = function () {
google.accounts.id.initializeIntermediate({
src: 'https://example.com/intermediate'
});
};
</script>
ডেটা টাইপ: ইন্টারমিডিয়েট কনফিগ
নিম্নলিখিত সারণীতে ক্ষেত্রগুলিকে তাদের বিবরণ সহ তালিকাভুক্ত করা হয়েছে:
মাঠ | |
---|---|
src | আপনার ওয়ান ট্যাপ ইন্টারমিডিয়েট আইফ্রেমের URI |
done | একটি জাভাস্ক্রিপ্ট কলব্যাক পদ্ধতি যখন ওয়ান ট্যাপ ইউএক্স এক হয় তখন ট্রিগার করা হবে৷ |
src
এই ক্ষেত্রটি হল আপনার One Tap মধ্যবর্তী আইফ্রেমের URI। আরও তথ্যের জন্য নিম্নলিখিত টেবিল দেখুন:
টাইপ | প্রয়োজন | উদাহরণ |
---|---|---|
স্ট্রিং | হ্যাঁ | src: "https://example.com/onetap_iframe.html" |
সম্পন্ন
এই ক্ষেত্রটি হল জাভাস্ক্রিপ্ট কলব্যাক পদ্ধতি যা ওয়ান ট্যাপ ইউএক্স হয়ে গেলে ট্রিগার করা হবে।
ডিফল্টরূপে, ওয়ান ট্যাপ ইউএক্স হয়ে গেলে বিষয়বস্তু পৃষ্ঠাটি পুনরায় লোড করা হয়। আপনি আপনার নিজের করা কলব্যাক প্রদান করে ডিফল্ট আচরণ ওভাররাইড করতে পারেন। আরও তথ্যের জন্য নিম্নলিখিত টেবিল দেখুন:
টাইপ | প্রয়োজন | উদাহরণ |
---|---|---|
ফাংশন | ঐচ্ছিক | done: onOneTapSuccess |