Übersicht
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Mit dem YouTube Subscribe Button-Tag können Sie auf jeder Seite eine Subscribe-Schaltfläche einfügen. Die Schaltfläche verweist auf einen YouTube-Kanal. Wenn der Nutzer auf die Schaltfläche klickt, wird die YouTube-Kanalseite in einem neuen Fenster geöffnet, damit er das Abo bestätigen kann.
Die folgende JavaScript-Datei muss von deiner Anwendung geladen werden, damit eine Schaltfläche hinzugefügt werden kann:
https://apis.google.com/js/platform.js
Anschließend können Sie eine Schaltfläche hinzufügen, indem Sie ein Element wie <div> verwenden, dessen class auf g-ytsubscribe festgelegt ist. Mit anderen Attributen lässt sich die Schaltfläche anpassen. Der folgende Code zeigt eine einfache Integration, in der eine Subscribe-Schaltfläche für den GoogleDevelopers-Kanal angezeigt wird.
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers"></div>
Zudem kann die Google+ JavaScript API verwendet werden, um eine Schaltfläche dynamisch zu erstellen.
Konfigurationsoptionen
Die folgenden Beispiele demonstrieren unterschiedliche Layout- und Konfigurationsoptionen für Abo-Schaltflächen. Schaltflächen für Standardkanäle können mit oder ohne Abonnentenzähler dargestellt werden.
Die Sprache der Schaltflächenbeschriftung richtet sich nach der Spracheinstellung des Nutzers. Falls der Nutzer nicht angemeldet ist, wird die Sprache anhand des jeweiligen Standorts festgelegt.
Standardkanäle
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-08-21 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-08-21 (UTC)."],[],[],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 | |"]]
