Hinweis:Stellen Sie pro Seite immer nur eine Anzeigenanfrage, unabhängig davon, wie viele Blöcke vorhanden sind.
Wichtig:Lesen Sie die Nutzungsbedingungen, bevor Sie diesen Code verwenden.
Wenn Sie diesen Code verwenden möchten, benötigen Sie ein AdSense-Konto mit einer aktiven Berechtigung zur Verwendung von benutzerdefinierten AdSense-Suchanzeigen.
Übersicht
Die Implementierung von benutzerdefinierten AdSense-Suchanzeigen auf Ihrer Website erfolgt in drei Schritten:
Schritt 1: Benutzerdefiniertes Design in AdSense erstellen
Erweitern Sie nach der Anmeldung Anzeigen für Suchergebnisseiten und klicken Sie auf Suchanzeigendesigns. Hier können Sie ein neues Design erstellen oder ein vorhandenes aktualisieren.
Schritt 2: Code konfigurieren
Klicken Sie auf Code abrufen.
Schritt 3: Code implementieren
Kopieren Sie den Code aus dem Codegenerator und fügen Sie ihn auf Ihrer Seite ein. Denken Sie daran, den query-Parameter zu aktualisieren. Der im Head-Tag generierte Code muss im Head-Tag Ihrer Website platziert werden, damit die Anzeigen richtig geladen werden. Der Code für Anzeigenblock 1 enthält die Einstellungen für alle Anzeigenblöcke auf der Seite. Für zusätzliche Anzeigenblöcke muss nur der entsprechende Anzeigenblock-<div> auf der Seite platziert werden, auf der Anzeigen ausgeliefert werden sollen.
Beispielcode
Asynchrones Laden von Anzeigen
Der generierte Code ist asynchron. Unten sehen Sie ein vollständig funktionierendes Beispiel für das asynchrone Laden von Anzeigen. Sie können dieses Beispiel in einem neuen Tab öffnen. Denken Sie daran, Ihre eigene Client-ID einzufügen.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId' : 'test client ID', // Enter your own client-ID here
'query' : 'flowers', // User query for this page
'styleId': '7824176615' // Enter your own style ID here
};
var adblock1 = {
'container' : 'afscontainer1',
'width' : 700
};
var adblock2 = {
'container' : 'afscontainer2',
'width' : 700
};
_googCsa('ads', pageOptions, adblock1, adblock2);
</script>
<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>
<div id="afscontainer2"></div>
</body>
</html>
Ähnliche Suchanfragen auf Suchseiten
„Ähnliche Suchanfragen“ in der Google Suche ist ein organischer Block mit Suchbegriffen, die mit dem aktuellen Suchbegriff in Verbindung stehen. Die Links in diesem Bereich führen zu einer neuen Suchergebnisseite.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId': 'test client ID', // Enter your own client-ID here
'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
'query': 'flowers', // User query for this page
'styleId': '1234567890', // Enter your own style ID here
'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
'resultsPageQueryParam': 'query' // Enter your own query parameter here
};
var adblock = {
'container': 'afscontainer1',
'number': 3,
'width': 700
};
var rsblock = {
'container': 'afscontainer2',
'relatedSearches': 6,
'width': 500
};
_googCsa('ads', pageOptions, adblock, rsblock);
</script>
<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>
<div id="afscontainer2"></div>
</body>
</html>
Ähnliche Suchanfragen auf Content-Seiten
Mit der Funktion „Ähnliche Suchanfragen für Content-Seiten“ werden dem Nutzer Suchbegriffe präsentiert, die mit dem Inhalt der Seite zusammenhängen. So können Nutzer relevante Themen erkunden und mit Suchanzeigen oder der Websitenavigation interagieren. Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Inhaltsseiten, da dies zu unerwarteten Ergebnissen führt.
Hinweis:Bevor ähnliche Suchbegriffe auf Ihrer Website angezeigt werden können, muss Google Ihre Seiten crawlen, um sicherzustellen, dass die Begriffe kontextbezogen relevant sind. Wenn eine Seite noch nicht gecrawlt wurde oder das Crawling durch den Mediapartners-Google-Crawler blockiert wird (z. B. durch eine robots.txt-Datei), werden keine vorgeschlagenen ähnlichen Suchanfragen angezeigt, die Sie Google zur Verfügung stellen.
Das Produkt „Ähnliche Suchanfragen auf Inhaltsseiten“ basiert auf dem Content-Crawling-System von Google, mit dem Seiten indexiert und relevante Suchbegriffe generiert werden. Contentseiten-URLs, die Suchparameter wie Trackingvariablen, Nutzer-IDs, Sitzungs-IDs oder andere dynamische Kennungen enthalten, können die Fähigkeit des Crawlers beeinträchtigen, die Kerninhalte der Seite zu bewerten. Dies kann zu ungenauen oder irrelevanten ähnlichen Suchbegriffen führen. Verwenden Sie den Parameter „ignoredPageParams“, um diese nicht essenziellen Parameter zu identifizieren. So sorgen Sie für eine korrekte Inhaltsindexierung und reduzieren unnötige Crawling-Last. So kann Google besser erkennen, dass eine Seite bereits gecrawlt wurde, und vorgeschlagene Begriffe (sowohl von Google als auch vom Partner, sofern zutreffend) anzeigen.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<p>Page content</p>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId': 'test client ID', // Enter your own client-ID here
'relatedSearchTargeting': 'content', // Must use 'content' for Related Search on Content pages
'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
'styleId': '1234567890', // Enter your style ID
'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
'referrerAdCreative': 'example ad title' // Only used when a user comes from a source you control;
// required when 'terms' is present.
};
var rsblock1 = {
'container': 'afscontainer1',
'relatedSearches': 6
};
_googCsa('relatedsearch', pageOptions, rsblock1);
</script>
<p>More page content</p>
</body>
</html>
Das solltest du vermeiden…
Wir empfehlen allen Publishern, unsere Richtlinien für die Implementierung von benutzerdefinierten Suchanzeigen in AdSense einzuhalten und bestimmte Implementierungsmethoden zu vermeiden, die die Anzeigendarstellung beeinträchtigen und zu unerwarteten Ergebnissen oder einer suboptimalen Leistung führen können.
- Mehrere Anzeigenaufrufe auf einer Seite sind nur bei der Implementierung von unendlichem Scrollen zulässig.
- Anzeigenblöcke dürfen weder vor noch nach dem Rendern von Anzeigen ausgeblendet werden.
- Anzeigenblöcke nicht auf der Seite verschieben
- Fordern Sie nicht mehr Anzeigenblöcke an, als Sie auf der Seite präsentieren möchten.
- DOM der Anzeigenblöcke nicht manipulieren
- Kein eigenes Lazy Loading implementieren (sondern auf das Lazy Loading von Google setzen)
- JS-Ressourcen von Google nicht auf Ihrer Website im Cache speichern
- Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Inhaltsseiten, da dies zu unerwarteten Ergebnissen führt.