如何在Vue-Phonegap应用中显示Taboola广告?

时间:2018-10-27 06:14:07

标签: android cordova vue.js html-framework-7

我为我的一位亲戚开发了一个android应用。他有一个新闻网站,并且忌讳广告在上面活跃。 我使用framework7(其中包括Vue 2)并将构建版本添加到phonegap构建中,并且能够编译和生成APK。应用程序显示所有博客文章。 唯一的问题是广告。 我已经添加了taboola脚本,但是每次发布后都无法在应用中展示这些广告。

这是我所做的: 在index.html的头添加了广告脚本:代码1

<script type="text/javascript">
    window._taboola = window._taboola || [];
    _taboola.push({
        article: 'auto'
    });
    ! function(e, f, u, i) {
        if (!document.getElementById(i)) {
            e.async = 1;
            e.src = u;
            e.id = i;
            f.parentNode.insertBefore(e, f);
        }
    }(document.createElement('script'),
        document.getElementsByTagName('script')[0],
        '//cdn.taboola.com/libtrc/domain/loader.js',
        'tb_loader_script');
    if (window.performance && typeof window.performance.mark == 'function') {
        window.performance.mark('tbl_ic');
    }

</script>

此广告代码已添加到需要展示广告的位置:代码2 在“ singlePost.vue”的帖子末尾添加了第一行,并在index.html的头部添加了代码

<div id="taboola-below-article-thumbnails"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'thumbnails-a',
container: 'taboola-below-article-thumbnails',
placement: 'Below Article Thumbnails',
target_type: 'mix'
});
</script>

但是我仍然无法获得广告。 有人可以告诉我我是否以错误的方式包含了脚本标签,或者还有其他问题。

0 个答案:

没有答案