Tento článek popisuje, kam v kódu HTML přidat kód reklamní jednotky, aby se zobrazovaly reklamy AdSense.
Pokud s kódem HTML nemáte zkušenosti, přečtěte si nejdříve pokyny k vložení kódu reklamy na stránky HTML (podle nástrojů, které používáte). Než budete pokračovat, měli byste se také seznámit s rozdíly mezi kódem AdSense a kódem reklamní jednotky.
Obsah této stránky
Kam přidat kód reklamní jednotky
Po získání kódu reklamní jednotky je třeba tento kód vložit mezi značky <body> a </body> na vaší stránce. Pokud ho umístíte mimo značky <body>, nebudou se reklamy zobrazovat správně.
Příklad stránky HTML před přidáním kódu reklamní jednotky
<html>
<head>
Toto je záhlaví stránky.
<title>Ukázková stránka HTML</title>
</head>
<body>
Toto je hlavní část stránky.
</body>
</html>
Příklad stránky HTML po přidání kódu reklamní jednotky do značky <body>
<html>
<head>
Toto je záhlaví stránky.
<title>Ukázková stránka HTML</title>
</head>
<body>
Toto je hlavní část stránky.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Široký banner na domovské stránce -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
Jak umístit reklamy na web pomocí HTML
Pozici reklam Google můžete měnit pomocí značek HTML (<div>, <table> atd.), stejně jako u ostatních prvků vašeho webu (obrázky, odstavce a další). Pokud kód reklamy například uzavřete mezi značky <div align="center"> a </div>, budou se reklamy zobrazovat uprostřed stránky.
Příklad prvku HTML <div> používaného k umístění reklamy ve značce <body>
<html>
<head>
Toto je záhlaví stránky.
<title>Ukázková stránka HTML</title>
</head>
<body>
Toto je hlavní část stránky.
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Široký banner na domovské stránce -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
