使Google广告AdSense在XHTML中工作



# http://www.omemo.net/neo/tech/adsense.php

主页 > 设计与技术 > 使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/htmlMIME类型,然后以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+xmltext/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中测试通过。