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.

Übersicht

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 um ein neues Design zu erstellen oder ein vorhandenes zu aktualisieren.

Schritt 2: Code konfigurieren

Klicken Sie auf Code abrufen. Einbetten 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. „query“ nicht verwenden für ähnliche Suchanfragen auf Content-Seiten, da dies zu unerwarteten Ergebnisse.

Hinweis:Bevor ähnliche Suchbegriffe auf Ihrer Website erscheinen können, muss Google um sicherzustellen, dass die Begriffe kontextrelevant sind. Wenn eine Seite noch nicht gecrawlt wurde oder für das Crawling (z. B. durch eine robots.txt-Datei) durch den AdSense-Crawler, werden keine Vorschläge für ähnliche Suchbegriffe angezeigt, die Sie auf Google eingeben.

Das Produkt „Ähnliche Suchanfragen im Content-Werbenetzwerk“ verwendet das Content-Crawling-System von Google, um Seiten zu indexieren und relevante Suchbegriffe generieren. URLs von Content-Seiten mit Suchparametern wie Tracking User-IDs, Sitzungs-IDs oder andere dynamische Kennungen den Crawler Fähigkeit, die Hauptinhalte der Seite einzuschätzen, was zu ungenauen oder irrelevanten ähnlichen Suchanfragen führen kann Nutzungsbedingungen. Verwenden Sie den Parameter „ignoredPageParams“ zur Identifizierung dieser nicht wesentlichen Parameter verwenden, eine ordnungsgemäße Indexierung von Inhalten und eine Reduzierung unnötiger Crawling-Lasten. So kann Google erkennen, dass eine Seite bereits gecrawlt wurde, und vorgeschlagene Begriffe (sowohl von Google als auch von des Partners, 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 benutzerdefinierter AdSense-Anzeigen für Suchergebnisseiten einzuhalten. Außerdem sollten Sie bestimmte Implementierungsmethoden vermeiden, die das Rendern der Anzeigen beeinträchtigen zu unerwarteten Ergebnissen oder zu geringer Leistung führen.

  • 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.
  • „query“ nicht verwenden für ähnliche Suchanfragen auf Content-Seiten, da dies zu unerwarteten Ergebnissen führt.