Z tego artykułu dowiesz się, gdzie w kodzie HTML umieścić kod jednostki reklamowej, aby wyświetlać reklamy AdSense.
Jeśli nie znasz się na HTML-u, najpierw zapoznaj się z instrukcjami wklejania kodu reklamy na stronach HTML, zależnie od używanych narzędzi. Zanim przejdziesz dalej, musisz też znać różnice między kodem AdSense a kodem jednostki reklamowej.
Na tej stronie
Gdzie dodać kod jednostki reklamowej
Po uzyskaniu i skopiowaniu kodu jednostki reklamowej musisz go wkleić na swojej stronie między tagami <body> i </body>. Wklejenie kodu reklamy poza tagami <body> uniemożliwi prawidłowe wyświetlanie reklam.
Przykład strony HTML przed dodaniem kodu jednostki reklamowej
<html>
<head>
To jest nagłówek Twojej strony.
<title>Przykładowa strona HTML</title>
</head>
<body>
To jest treść Twojej strony.
</body>
</html>
Przykład strony HTML po dodaniu kodu jednostki reklamowej w tagu <body>
<html>
<head>
To jest nagłówek Twojej strony.
<title>Przykładowa strona HTML</title>
</head>
<body>
To jest treść Twojej strony.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
Jak umieszczać reklamy w witrynie za pomocą kodu HTML
Tagi HTML (<div>, <table> itp.) umożliwiają zmianę pozycji reklam Google tak samo jak innych elementów witryny (zdjęć, akapitów itp.). Jeśli np. umieścisz swój kod reklamy między tagami HTML <div align="center"> i </div>, reklama zostanie wyświetlona na środku strony.
Przykład elementu HTML <div> służącego do umieszczania reklamy w tagu <body>
<html>
<head>
To jest nagłówek Twojej strony.
<title>Przykładowa strona HTML</title>
</head>
<body>
To jest treść Twojej strony.
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
