Uwaga: wysyłaj tylko jedno żądanie reklamy na stronę, niezależnie od liczby bloków.
Ważne: zanim użyjesz tego kodu, przeczytaj Warunki korzystania z usługi
Aby użyć tego kodu, musisz mieć konto AdSense z aktywnymi uprawnieniami do korzystania z reklam AdSense w wyszukiwarce niestandardowej.
Opis
Implementacja reklam AdSense w wyszukiwarce niestandardowej w Twojej witrynie składa się z 3 etapów:
Krok 1. Utwórz w AdSense styl reklamy w wyszukiwarce niestandardowej
Po zalogowaniu się rozwiń Reklamy dla wyszukiwania i kliknij Style wyszukiwania. Tutaj możesz utworzyć nowy styl lub zaktualizować istniejący.
Krok 2. Skonfiguruj kod
Kliknij Pobierz kod
Krok 3. Zaimplementuj kod
Skopiuj kod z generatora kodu i wklej go na swojej stronie, pamiętając o zaktualizowaniu parametru query. Aby reklamy ładowały się poprawnie, kod wygenerowany w tagu nagłówka należy umieścić w tagu nagłówka w witrynie. Kod jednostki reklamowej 1 zawiera ustawienia wszystkich jednostek reklamowych na stronie. Dodatkowe jednostki reklamowe będą wymagać jedynie umieszczenia odpowiedniej jednostki reklamowej <div> na stronie, na której mają się wyświetlać reklamy.
Przykładowy kod
Asynchroniczne wczytywanie reklam
Wygenerowany kod jest asynchroniczny. Poniżej znajdziesz pełny działający przykład asynchronicznego wczytywania reklam. Możesz otworzyć ten przykład w nowej karcie. Pamiętaj, aby podać własny identyfikator klienta.
<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>
Podobne wyszukiwanie na stronach wyszukiwania
Podobne wyszukiwanie w wyszukiwarce to bezpłatna jednostka zawierająca wyszukiwane hasła powiązane z bieżącym wyszukiwanym hasłem. Linki w tej jednostce prowadzą do nowej strony wyników wyszukiwania.
<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>
Podobne wyszukiwanie na stronach z treścią
Podobne wyszukiwanie w treści udostępnia użytkownikom wyszukiwane hasła związane z treścią strony. Dzięki temu użytkownicy mogą zgłębiać odpowiednie tematy, wchodząc w interakcje z reklamami w wyszukiwarce lub korzystając z nawigacji w witrynie. Nie używaj parametru „query” w przypadku podobnego wyszukiwania na stronach z treścią, ponieważ może to spowodować nieoczekiwane wyniki.
<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>
Czego unikać
Zalecamy wszystkim wydawcom przestrzeganie wytycznych dotyczących implementacji reklam AdSense w wyszukiwarce niestandardowej i unikanie określonych metod implementacji, które mogą zakłócać renderowanie reklam i powodować nieoczekiwane efekty lub nieoptymalne wyniki.
- Nie wykonuj wielu wywołań reklam na stronie, chyba że w przypadku implementacji nieskończonego przewijania
- Nie ukrywaj blokad reklam przed wyrenderowaniem reklam ani po nim
- Nie przenoś bloków reklamowych po stronie
- Nie żądaj więcej blokad reklam, niż chcesz wyświetlać na stronie
- Nie modyfikuj DOM bloków reklam
- Nie wdrażaj własnego leniwego ładowania (zamiast tego korzystaj z leniwego ładowania Google).
- Nie zapisuj w witrynie zasobów JS Google w pamięci podręcznej
- Nie używaj parametru „query” w przypadku podobnego wyszukiwania na stronach z treścią, ponieważ może to spowodować nieoczekiwane wyniki.