相关疑难解决方法(0)

AngularJs和AddThis社交插件

我正在尝试在AngularJS应用程序中使用AddThis javascript社交插件,但是当我使用ng-view加载部分时,它不会更新addthis插件图标.如果我刷新页面(ctrl + F5).我认为AngularJs通过Ajax加载部分视图,在这种情况下,addthis不显示加载页面的社交图标.

这是索引代码:

<header>
       .....
</header>
<div>
     <section id="content" ng-view></section>
</div>
<footer id="footer" ng-controller="footerCtrl">
     ...
</footer>
Run Code Online (Sandbox Code Playgroud)

这是在section标签中加载的局部视图,其中我有addthis图标:

<div class="ad-col" >
        <p ng-bind-html-unsafe="homeContent.promo.entradilla"></p>
        <br />
        <br />
        <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
            <a class="addthis_button_facebook"></a>
            <a class="addthis_button_twitter"></a>
            <a class="addthis_button_linkedin"></a>
            <a class="addthis_button_google_plusone_badge"></a>
            <a class="addthis_button_pinterest_pinit"></a>
            <a class="addthis_button_compact"></a>
            <a class="addthis_counter addthis_bubble_style"></a>
        </div>
        <!-- AddThis Button END -->
    </div>
Run Code Online (Sandbox Code Playgroud)

当然,我在主页中有脚本参考文件AddThis:

<script type="text/javascript">var addthis_config = { "data_track_addressbar": true };</script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5113c1e01aaacb3f"></script>
Run Code Online (Sandbox Code Playgroud)

我在angularJs引用之前有jquery脚本引用:

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

提前致谢.

jquery addthis angularjs

7
推荐指数
2
解决办法
6625
查看次数

路线更改时未加载AngularJS和Adsense广告(整个应用最多3个广告)

我有一个包含AdSense的Angular网站,它会在首次加载或刷新时加载广告,但如果我浏览到其他路线,则不会加载广告.这是我使用的指令:

.directive('googleAdSense', function () {
return {
    restrict: 'A',
    replace: true,
    templateUrl: "../../templates/googleads.html",
    controller: function () {
        (adsbygoogle = window.adsbygoogle || []).push({});
    }
};
});
Run Code Online (Sandbox Code Playgroud)

这是我将脚本标记放在索引文件头部的位置.所有视图都通过ng-view加载进/出索引文件:

<!-- Google Adsense -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Run Code Online (Sandbox Code Playgroud)

这是用法:

<div data-google-ad-sense></div>
Run Code Online (Sandbox Code Playgroud)

我如何解决此问题,以便在我转到另一个视图后加载广告?

更新:经过进一步测试后,它只会加载前3个广告,这与Google每页预防超过3个广告一致....问题是我有多个视图未被视为"网页".我想知道HTML5模式处理历史是否与此有关...

adsense angularjs

5
推荐指数
2
解决办法
4084
查看次数

标签 统计

angularjs ×2

addthis ×1

adsense ×1

jquery ×1