הטמעת מודעות אדסנס על תבנית וורדפרס, במאמר הבא אני אתן דוגמה לגבי תבניות פוג'ו אבל הרעיון תופס כמעט בכל התבניות.
לפני הכל חשוב מאד לעבוד על תבנית בת, מהסיבה הפשוטה שברגע שתבצעו עדכון לתבנית כל שינוי שעשיתם עד כה ימחק, לפעמים גם לא תשימו לב, מה שיגרום לאבדן הכנסה וזה מאד חבל.
המיקומים המסובכים יותר להטמעה:
- בראש הדף Header
- בתוך פוסטים POST
שאר המיקומים יותר פשוטים לביצוע וניתן להטמיע דרך הווידג'טים בסרגל צד ובפוטר.
איך מטמיעים מודעות בראש הדף?
שלב א'
העתיקו את הקובץ header.php לתבנית הבת (יש צורך בגישת FTP או לפאנל ניהול של האחסון)
שלב ב'
כנסו לניהול האתר עיצוב -> ערוך
שלב ג'
חפשו בצד שמאל או ימין תלוי בשפה את הקובץ header.php וכנסו לעריכה
שלב ד'
הריצו חיפוש בתוך הקובץ </header> להרצת חיפוש לחצו CTRL+F במקלדת
את הקוד של המודעה שהכנו מראש נטמיע מעל הסוגר </header>
הקוד הבא, הוא קוד משופר שהכנתי, הוא מציג מודעה רספונסיבית, ונותן לשלוט בא איך שאנחנו רוצים, ולא ברירת מחדל (ניתן להטמיע גם את הקוד הפשוט):
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!– Adsense_up_res –>
<div id="head_banner" style="text-align:center;">
<style type="text/css">
.adslot_1 {
width: 300px;
height: 250px;
}
@media (min-width:500px) {
.adslot_1 {
width: 300px;
height: 250px;
}
}
@media (min-width:800px) {
.adslot_1 {
width: 970px;
height: 250px;
}
}
</style>
<ins class="adsbygoogle adslot_1"
style="display:block"
data-ad-client="ca-pub-XXXXXX"
data-ad-slot="XXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
בקוד יש לשנות את data-ad-client ו data-ad-slot לשם משתמש ויחידת המודעה שלכם.
מזל טוב! הטמעתם בהצלחה מודעה רספונסיבית בראש הדף.
טיפ: ניתן להוסיף CSS למודעה כי הוספנו div id="head_banner"
מוסיפים לקובץ CSS או בלייב CSS של התבנית:
#head_banner
}
{
הטמעת מודעות בתוך פוסטים
אני ממליץ להשתמש בתוסף הבא Insert Post Ads, הוא עושה חיים קלים במיוחד.
לאחר התקנה והפעלת התוסף, ניתן בקלות להגדיר מיקומים אוטומטים בתוך פוסטים.
- לוחצים על Post Advert בניהול
- Add new
3. שם ליחידה + מטמיעים את קוד היחידה ובוחרים מיקום ליחידה
ניתן לחזור על הפעולה, ליחידה נוספת.