نظرة عامة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تتيح لك الأداة YouTube Subscribe Button إضافة الزر Subscribe إلى أي صفحة. ينقل الزرّ إلى قناة على YouTube. عند النقر على الزر، يتم فتح صفحة قناة YouTube في نافذة جديدة ليتمكّن المستخدم من تأكيد الاشتراك.
لإضافة زر، يجب أن يحمّل تطبيقك ملف JavaScript هذا:
https://apis.google.com/js/platform.js
يمكنك بعد ذلك إضافة زر باستخدام عنصر، مثل <div>، يضبط class على g-ytsubscribe ويستخدم سمات أخرى لتخصيص الزر. يعرض الرمز التالي عملية دمج بسيطة تعرض زر Subscribe لقناة GoogleDevelopers.
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers"></div>
يمكنك أيضًا استخدام Google+ JavaScript API لعرض زر بشكل ديناميكي.
خيارات الإعداد
تعرض الأزرار أدناه خيارات مختلفة للتنسيق والإعدادات لأزرار الاشتراك. تظهر أزرار القنوات العادية مع أعداد المشتركين وبدونها.
تكون لغة الزر تلقائية حسب إعدادات اللغة لدى المستخدم أو يتم ضبطها استنادًا إلى الموقع الجغرافي للمستخدمين الذين لم يسجّلوا الدخول.
القنوات العادية
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-08-21 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-21 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Overview\n\nThe YouTube Subscribe Button lets you add a `Subscribe` button to any page. The button links to a YouTube channel. Upon clicking the button, the YouTube channel page opens in a new window so that the user can confirm the subscription.\n\nTo add a button, your application needs to load this JavaScript file: \n\n```\nhttps://apis.google.com/js/platform.js\n```\n\nYou can then add a button by using an element, such as a `\u003cdiv\u003e`, that sets its `class` to `g-ytsubscribe` and uses other attributes to customize the button. The following code shows a simple integration that displays a `Subscribe` button for the GoogleDevelopers channel. \n\n```\n\u003cscript src=\"https://apis.google.com/js/platform.js\"\u003e\u003c/script\u003e\n\u003cdiv class=\"g-ytsubscribe\" data-channel=\"GoogleDevelopers\"\u003e\u003c/div\u003e\n```\n\nYou can also use the [Google+ JavaScript API](/+/web/api/javascript) to render a button dynamically.\n\nConfiguration options\n---------------------\n\nThe buttons below show different layout and configuration options for subscription buttons. Buttons for standard channels are shown with and without subscriber counts.\n\nThe button language defaults to the user's language settings or is set based on the user's location for logged-out users.\n\n### Standard channels\n\n| Buttons ||\n|-------------------------------|---|\n| Default button | |\n| Default button | |\n| Full layout (includes avatar) | |\n| Full layout (includes avatar) | |\n| Full layout, dark theme | |\n| Full layout, dark theme | |"]]
