במאמר הזה מוסבר איפה צריך להוסיף את הקוד של יחידת המודעות ב-HTML, כדי להציג מודעות AdSense.
אם זאת הפעם הראשונה שאתם עובדים עם HTML, כדאי לקרוא קודם את ההוראות במאמר איך מדביקים את קוד המודעות בדפי HTML, בהתאם לכלים שאתם משתמשים בהם. לפני שאתם ממשיכים, אתם צריכים להכיר את ההבדלים בין קוד AdSense וקוד של יחידת מודעות.
הנושאים בדף:
איפה צריך להוסיף את קוד יחידת המודעות
אחרי שתקבלו ותעתיקו את הקוד של יחידת המודעות, יהיה עליכם להדביק אותו בין התג <body> לתג </body> בדף. אם תדביקו את קוד המודעות מחוץ לתגי ה-<body>, המודעות לא יוצגו כראוי.
דוגמה לדף HTML לפני הוספת קוד יחידת המודעות
<html>
<head>
זהו החלק העליון של הדף.
<title>דף HTML לדוגמה</title>
</head>
<body>
זהו גוף הדף.
</body>
</html>
דוגמה לדף HTML אחרי הוספת קוד יחידת המודעות בתג <body>
<html>
<head>
זהו החלק העליון של הדף.
<title>דף HTML לדוגמה</title>
</head>
<body>
זהו גוף הדף.
<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>
איך קובעים את המיקום של המודעות באתר באמצעות HTML
בדומה לתוכן אחר באתר (תמונות, פסקאות וכו'), תוכלו לשנות את המיקום של מודעות Google באמצעות תגי HTML (<div>, <table> וכו'). לדוגמה, אם מקיפים את קוד המודעות בתגי ה-HTML <div align="center"> ו-</div>, המודעות יוצגו במרכז הדף.
דוגמה לרכיב HTML <div> שמשמש למיקום מודעה בתג <body>.
<html>
<head>
זהו החלק העליון של הדף.
<title>דף HTML לדוגמה</title>
</head>
<body>
זהו גוף הדף.
<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>