توضِّح هذه المقالة مكان إضافة رمز الوحدة الإعلانية في 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>
