Webimplementierung

Hinweis:Senden Sie immer nur eine Anzeigenanfrage pro Seite, unabhängig davon, wie viele Blöcke 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 zur Verwendung von benutzerdefinierten AdSense-Anzeigen für Suchergebnisseiten.

Ü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 Anzeigen für Suchergebnisseiten und klicken Sie dann auf Suchdesign. Hier können Sie einen neuen Stil erstellen oder einen vorhandenen Stil aktualisieren.

Schritt 2: Code konfigurieren

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

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 auf 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. Bei zusätzlichen Anzeigenblöcken muss lediglich der entsprechende Anzeigenblock <div> auf der Seite platziert werden, auf der die Anzeigen erscheinen sollen.

Die am häufigsten verwendeten Funktionen werden über den Codegenerator bereitgestellt. Einige zusätzliche Parameter finden Sie im Referenzbereich. Der Referenzabschnitt 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. Unten sehen Sie ein 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 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 eine organische Einheit 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
  '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 im Content-Werbenetzwerk“ stellt dem Nutzer Suchbegriffe zur Verfügung, die sich auf den Inhalt der Seite beziehen. Nutzer können sich so über relevante Themen informieren und mit Suchanzeigen interagieren oder die Website aufrufen. Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Inhaltsseiten, da dies zu unerwarteten Ergebnissen führt.

Hinweis:Bevor ähnliche Suchbegriffe auf deiner Website angezeigt werden können, muss Google deine Seiten crawlen, um sicherzustellen, dass sie kontextrelevant sind. Wenn eine Seite noch nicht gecrawlt wurde oder deren Crawling durch den AdSense-Crawler blockiert wird (z. B. durch eine robots.txt-Datei), werden keine Vorschläge für ähnliche Suchbegriffe angezeigt, die Sie Google zur Verfügung stellen.

Das Produkt „Ähnliche Suchanfragen für Inhalte“ nutzt das Content-Crawling-System von Google, um Seiten zu indexieren und relevante Suchbegriffe zu generieren. URLs von Inhaltsseiten mit Suchparametern wie Tracking-Variablen, Nutzer-IDs, Sitzungs-IDs oder anderen dynamischen Kennungen können die Fähigkeit des Crawlers beeinträchtigen, die Hauptinhalte einer Seite zu beurteilen, und zu ungenauen oder irrelevanten ähnlichen Suchbegriffen führen. Verwenden Sie den Parameter „ignoredPageParams“, um diese nicht wesentlichen Parameter zu identifizieren, damit die Inhalte richtig indexiert und unnötige Crawling-Ladevorgänge vermieden werden. So kann Google besser erkennen, dass eine Seite bereits gecrawlt wurde, und vorgeschlagene Begriffe anzeigen – sowohl von Google als auch vom Partner, sofern die Voraussetzungen erfüllt sind.

<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 clicked an ad to arrive here;
                                           // 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 AdSense-Suchanzeigen einzuhalten und bestimmte Implementierungsmethoden zu vermeiden, die das Anzeigen-Rendering beeinträchtigen und zu unerwarteten Ergebnissen oder einer suboptimalen Leistung führen können.

  • Führen Sie nicht mehrere Anzeigenaufrufe von einer Seite aus, es sei denn, Sie verwenden eine Implementierung mit unendlichem Scrollen.
  • Blenden Sie keine Anzeigenblöcke vor oder nach dem Rendern der Anzeigen aus.
  • Anzeigenblöcke auf der Seite nicht verschieben
  • Fordern Sie nicht mehr Anzeigenblöcke an, als auf der Seite ausgeliefert werden sollen
  • Nicht das DOM der Anzeigenblöcke manipulieren
  • Kein eigenes Lazy Loading von Google implementieren
  • Speichern Sie die JS-Ressourcen von Google nicht im Cache auf Ihrer Website.
  • Verwenden Sie den Parameter „query“ nicht für ähnliche Suchanfragen auf Content-Seiten, da dies zu unerwarteten Ergebnissen führt.