gpt4 book ai didi

angularjs - Angular.js 和 Adsense

转载 作者:行者123 更新时间:2023-12-04 01:23:08 24 4
gpt4 key购买 nike

我正在尝试在我的 angular.js 应用程序上放置广告,并且我已经阅读了一些内容并发现仅复制和粘贴普通的 Adsense 代码是不可能的。

我听说你应该“将它包装在一个带有嵌入的指令中”,我能找到的唯一例子是另一个 Stackoverflow 帖子:
AngularJs and AddThis social plugin

有人可以帮助指导如何使用 Google Adsense 执行此操作吗?

最佳答案

你需要创建一个指令

yourApp.directive('ads', function() {
return {
restrict: 'A',
templateUrl: 'partiels/adsTpl',
controller: function(){
(adsbygoogle = window.adsbygoogle || []).push({});
}
};
});

在我的案例“partiels/adsTpl.html”中使用您的广告代码创建一个模板
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-00000000"
data-ad-slot="000000"></ins>

将指令添加到您的页面
 <div data-ads></div>

在 angularjs 之前将 adSense js 调用放在主页的 head 部分
<head>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
....

瞧,这对我来说是完美的工作

关于angularjs - Angular.js 和 Adsense,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17416992/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com