web网站PC和移动端展示不同广告的自适应模板代码

2023-06-07

138次阅读

自适应网站需要在 PC 端和移动端展示不同的广告。这是因为自适应网站可以根据用户设备的屏幕尺寸和分辨率，自动调整广告的大小和位置，以提供最佳的用户体验。对于 PC 端，可以选择投放更具有视觉冲击力和吸引力的广告，而对于移动端，可以考虑投放更加贴近用户兴趣和需求的广告，以提高广告的效果和转化率。因此，使用自适应模板代码可以帮助网站管理员灵活地配置广告，并确保在不同的设备上都能呈现出最佳的效果。

自适应网站需要在PC端和移动端展示不同的广告：

<style type="text/css">
.pc_acmsd{display:block;}
.m_acmsd{ display:none}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<div class="pc_acmsd"><center><script type="text/javascript">
        (function() {
            var s = "_" + Math.random().toString(36).slice(2);
            document.write('<div style="" id="' + s + '"></div>');
            (window.slotbydup = window.slotbydup || []).push({
                id: "u4124369",
                container: s
            });
        })();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" >
</script></center></div>
<div class="m_acmsd"><center><script type="text/javascript">
        (function() {
            var s = "_" + Math.random().toString(36).slice(2);
            document.write('<div style="" id="' + s + '"></div>');
            (window.slotbydup = window.slotbydup || []).push({
                id: "u4124467",
                container: s
            });
        })();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
</script></center></div>

对应PC和移动，把代码换成你自己的就行了。