Diese Seite wurde von der Cloud Translation API übersetzt.

Webimplementierung

Hinweis:Senden Sie immer nur eine Anzeigenanfrage pro Seite, unabhängig davon, wie viele Blockierungen vorhanden sind.

Wichtig: Lesen Sie die Nutzungsbedingungen, bevor Sie diesen Code verwenden.

Zur Verwendung dieses Codes benötigen Sie ein AdSense-Konto mit aktiver Berechtigung, um benutzerdefinierte AdSense-Anzeigen für Suchergebnisseiten verwenden zu können.

Überblick

Die Implementierung von benutzerdefinierten AdSense-Anzeigen für Suchergebnisseiten auf Ihrer Website erfolgt in drei Schritten:

Schritt 1: Benutzerdefiniertes Design in AdSense erstellen

Maximieren Sie nach der Anmeldung den Bereich Anzeigen für Suchergebnisseiten und klicken Sie dann auf Designs. Hier können Sie einen neuen Stil erstellen oder einen vorhandenen aktualisieren.

Schritt 2: Code konfigurieren

Klicken Sie auf Code abrufen . Konfigurieren Sie Ihre Anzeigencontainer so, dass sie den Anzeigencontainern auf Ihrer Suchseite entsprechen.

Schritt 3: Code implementieren

Kopieren Sie den Code aus dem Codegenerator und fügen Sie ihn auf Ihrer Seite ein. Denken Sie daran, den Parameter query zu aktualisieren. Der im <head>-Tag generierte Code muss im <head>-Tag auf Ihrer Website eingefügt 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 erscheinen sollen.

Die am häufigsten verwendeten Funktionen werden über den Codegenerator bereitgestellt. Einige zusätzliche Parameter sind jedoch im Referenzabschnitt verfügbar. Der Bereich „Referenz“ enthält alle Optionen auf Seitenebene, die für alle Anzeigenblöcke auf der Seite gelten, sowie alle Optionen auf Anzeigenblockebene, die für einzelne Anzeigenblöcke gelten.

Beispielcode

Asynchrones Laden von Anzeigen

Der generierte Code ist asynchron. Ein vollständiges Beispiel für das asynchrone Laden von Anzeigen finden Sie unten. Sie können dieses Beispiel in einem neuen Tab öffnen. Denken Sie daran, Ihre eigene Client-ID anzugeben.

<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 in der Google Suche ist ein organischer Block mit Suchbegriffen, die sich auf den aktuellen Suchbegriff beziehen. Links in diesem Anzeigenblock 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
  '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 im Content-Werbenetzwerk“ liefert dem Nutzer Suchbegriffe, die mit dem Inhalt der Seite in Zusammenhang stehen. So können Nutzer relevante Themen entdecken und mit Suchanzeigen oder der Websitenavigation interagieren. Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Contentseiten, da dies zu unerwarteten Ergebnissen führt.

<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'
  '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 clicked an ad to arrive here
};

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 AdSense-Anzeigen für Suchergebnisseiten einzuhalten. Außerdem sollten sie bestimmte Implementierungsmethoden vermeiden, die das Rendern von Anzeigen beeinträchtigen und zu unerwarteten Ergebnissen oder einer schlechten Leistung führen könnten.

Mehrere Anzeigenaufrufe von einer Seite aus sind nur dann zulässig, wenn die Methode unendliches Scrollen aktiviert ist.
Anzeigenblöcke vor oder nach dem Rendern der Anzeigen nicht ausblenden
Verschieben Sie Anzeigenblöcke nicht auf der Seite.
Fordern Sie nicht mehr Anzeigenblöcke an, als auf der Seite ausgeliefert werden sollen
DOM der Anzeigenblöcke nicht manipulieren
Kein eigenes Lazy Loading implementieren (stattdessen auf das Lazy Loading von Google setzen)
JS-Ressourcen von Google auf Ihrer Website nicht im Cache speichern
Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Contentseiten, da dies zu unerwarteten Ergebnissen führt.

Webimplementierung

Überblick

Beispielcode

Asynchrones Laden von Anzeigen

Ähnliche Suchanfrage auf Suchergebnisseiten

Ähnliche Suchanfragen auf Content-Seiten

Das solltest du vermeiden…