网站广告接入

网站广告接入是指将广告嵌入到网站中，从而实现网站盈利的一种方式。在这篇文章中，将介绍如何通过 JavaScript 和 HTML 将广告接入到网站中，并附有相应的代码示例。

一、广告提供商

首先，需要选择一个广告提供商，在这里以 Google AdSense 为例。Google AdSense 是一个广告联盟，它可以让广告主将他们的广告投放到网站上，并按照每次点击或每 1000 次展示次数为网站提供商支付费用。登陆 Google AdSense 后，可以获取到“广告单元”代码，这段代码可以嵌入到网站的 HTML 代码中。

二、HTML 中的广告嵌入

HTML 中的广告嵌入有两种方式：直接嵌入和使用 iframe 嵌入。

1.直接嵌入

直接嵌入是与网站的其他内容混合在一起，广告看起来像网站的一部分，通常是放在网站的导航栏、侧边栏或页脚等位置。例如：

<div id="ad">
  <script type="text/javascript">
    google_ad_client = "ca-pub-xxxxxxxxxxxxxxxx";
    google_ad_slot = "xxxxxxxxxx";
    google_ad_width = 250;
    google_ad_height = 250;
  </script>
  <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>

这段代码通过 div 元素将广告嵌入到网站中。其中，google_ad_client、google_ad_slot、google_ad_width 和 google_ad_height 等变量值需要替换为 Google AdSense 提供给您的值。

2.iframe 嵌入

使用 iframe 嵌入可以将广告放在一个单独的容器中，并且不受网站 CSS 样式的影响。例如：

<iframe src="https://googleads.g.doubleclick.net/pagead/html/r20211021/r20190131/zrt_lookup.html#" width="300" height="250" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen></iframe>

注意，这里的 src 属性是 Google AdSense 提供的一个完整的 HTML 网页链接，可以根据自