打印

[原创]使Google广告AdSense在XHTML中工作

引用:
我开始使用XHTML 1.1的时候,发现Google的AdSense广告在IE上正常,在Firefox和Opera中则一片空白,纳闷,对着代码检查了良久,终究无法得知问题于何处。幸亏还有Google,我终于找到这个解决方案。我也不能不说,推广标准,还真的是任重道远,连Google都无法保证它的代码会在任何的 (X)HTML上工作。

这其实是一个JavaScript的问题,假如你发现你在XHTML 1.0 Stric或者XHTML 1.1中无法使用JavaScript的调用,或许,这篇文章对你也有启示。
为什么AdSense不能在真正的XHTML中工作?

Google的AdSense使用JavaScript生成一个iframe来动态地发送广告。如果页面是使用常规的HTML或者不严格版本的XHTML,以text/html来伺服的话,没有任何问题。这个JavaScript如你所愿地生成iframe,任何事情都工作得很好。不幸的是,对于站长以application/xhtml+xml来伺服的XHTML,Google的方法不能工作。

主要问题出在JavaScript。Document.Write()不会在正确伺服的由一个XML解析器处理的XML页面中工作。Ian Hickson给出了为什么会这样的理由(中文版本站已经翻译:为什么document.write在XML中不工作)。就如我们所觉察到的,Document.Write()用来生成iframe,因此,Google的广告永远不会出现。

第二个问题在于iframe本身。这个元素没有出现在任何严格的XHTML版本中,所以尽管JavaScript可以生成,iframe会使这个页面的XHTML不合法。
怎么才能使它工作呢?

解决这些问题的一条途径是,简单地以text/html来伺服AdSense代码。为达到目的,有必要创建一个独立的网页,使用text/html的MIME类型,然后以object的形式插入到需要的页面中。下面是一个独立的文档的样例:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">

  <head>

    <title>Sponsorship</title>


    <style type="text/css">

      body { margin: 0; padding: 0; }

    </style>

  </head>

  <body>

    <script type="text/javascript">


      这里是Google AdSense的参数

    </script>

    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

  </body>

</html>

对于使用这个分离内容和MIME内容脚本来同时伺服application/xhtml+xml和text/html的站长,最好能够利用已经存在的代码来决定这两种不同的方法的采用。在原始的分离内容和MIME内容脚本中,MIME类型由$mime变量来保存。如果该变量的值是“application/xhtml+xml”,则可以在文档中使用object。否则,则把标准AdSense的JavaScript包含进来。下面的脚本演示这是如何做到的:

                     <div class="ads">

<?php

if($mime == "application/xhtml+xml") {
    print "  <object data=\"/includes/google.php\" type=\"text/html\"></object>\n";

} else {

?>

  <script type="text/javascript">



    这里是Google AdSense的参数

  </script>

  <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<?php

}

?>

</div>

这个解决方案业已在IE 6, Firefox 0.92和Opera 7.0中测试通过。

来自: http://neoone.51.net/tech/adsense.php
本帖最近评分记录
Mean What You Write, Write What You Mean
realazy.org/blog/