如何通过HTML DOM元素显示adsense广告

时间:2017-10-08 13:22:39

标签: javascript php

我使用下面提到的代码来创建HTML DOM div元素312,我想通过调用javascript来创建dom元素,在其他页面上显示名为312的div中的adsense广告。它适用于其他广告但不适用于adsense广告。请帮助我。

        <script>
    document.getElementById('312').innerHTML = "<div style='box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; width:300px; height:250px; position:relative;border: 1px solid #666;' class='pc_block_active'><script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
    <!-- 300*250 box -->
    <ins class='adsbygoogle'
         style='display:inline-block;width:300px;height:250px'
         data-ad-client='ca-pub-XXXXXXXXXXX'
         data-ad-slot='XXXXXXXXX'></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script></div>"
        </script>


<div id="312">WANT TO SHOW AD IN THIS DIV</div>

我使用下面给出的代码来调用dom元素

<script type="text/javascript"> (function() { var randpubc = Math.floor((Math.random() * 100000) + 1); var pubc = document.createElement('script'); pubc.type = 'text/javascript'; pubc.async = true; pubc.src = '//xyz.com/cdn/3312.js?r='+parseInt(randpubc); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pubc, s); })(); </script>
<div id="312"></div>

1 个答案:

答案 0 :(得分:1)

简单。将ins移至所需的div

<div id="312">
    <ins class='adsbygoogle'
         style='display:inline-block;width:300px;height:250px'
         data-ad-client='ca-pub-XXXXXXXXXXX'
         data-ad-slot='XXXXXXXXX'></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div>