文章/答案/技术大牛

发布

社区首页 >问答首页 >Nuxt中的Amazon原生购物广告

问Nuxt中的Amazon原生购物广告
EN

Stack Overflow用户

提问于 2020-09-03 14:35:52

回答 2查看 222关注 0票数 4

我想把亚马逊原生购物广告放在我的网站上。广告代码的格式如下：

<script type="text/javascript">
amzn_assoc_tracking_id = "xxxxxxx";
amzn_assoc_ad_mode = "manual";
amzn_assoc_ad_type = "smart";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "US";
amzn_assoc_design = "enhanced_links";
amzn_assoc_asins = "xxxxxxx";
amzn_assoc_placement = "adunit";
amzn_assoc_linkid = "xxxxxxx";
</script>
<script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script>

他们说：“复制生成的HTML并将其粘贴到您网站的代码中。”

有没有人成功地把原生购物广告带到Nuxt

ads

affiliate

vue.js

nuxt.js

回答 2

Stack Overflow用户

发布于 2021-01-18 11:21:36

您可以让nuxt组件的模板中的第一个脚本声明所有变量。或者在组件中的已挂载函数开始时修改其中的一些。

这里的实际困难是在变量准备好之后异步加载广告。所以我使用了https://github.com/krux/postscribe，你不能将它导入到你的组件中，因为它是为客户端准备的。

所以我在这里做的是一个客户端插件注入函数，其中包含带有src脚本的postscribe调用，我最终在mounted中调用了它，并加载了我的广告\o/

票数 0

Stack Overflow用户

发布于 2020-09-05 23:02:23

您只需将代码粘贴到nuxt项目根目录下的app.html中：

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
  {{ HEAD }}
  <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script>
  <script type="text/javascript">
    amzn_assoc_tracking_id = "xxxxxxx";
    amzn_assoc_ad_mode = "manual";
    amzn_assoc_ad_type = "smart";
    amzn_assoc_marketplace = "amazon";
    amzn_assoc_region = "US";
    amzn_assoc_design = "enhanced_links";
    amzn_assoc_asins = "xxxxxxx";
    amzn_assoc_placement = "adunit";
    amzn_assoc_linkid = "xxxxxxx";
  </script>
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63718099

复制

相似问题

问Nuxt中的Amazon原生购物广告
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Nuxt中的Amazon原生购物广告EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Nuxt中的Amazon原生购物广告
EN