javascript - 如何将亚马逊关联广告小部件插入网站

标签 javascript html gatsby amazon-product-api

Github Repo (使用虚拟 ID(有效))

更新:看起来问题可能是我尝试使用的广告小部件需要 flash。我还可以显示其他亚马逊广告(查看 github 存储库),但看起来一些更具体的小部件可能正在使用 flash。我认为使用 Flash 小部件可能不是一个好主意,但 Amazon Associate 网站上向我推荐的一些小部件可能只能使用 Flash。


我正在尝试插入 deals widget .我选择我想要一个 160x400 的边栏(我的示例中的每个内部 div 大约是 520x100)。当我单击“添加到我的网页”时,他们会给我以下弹出窗口,因此我将该代码复制并粘贴到我的 html 文件中。

enter image description here

我不知 Prop 体放在哪里,所以我尝试了多个地方,包括头部、 body 和左侧的 innerDiv 内部,如下面的代码片段所示。这些尝试都没有使小部件显示出来。

注意:文本 my-amazon-associate-id 用于替换我的实际亚马逊关联 ID,我认为链接无法正常工作因此但我必须更换它以遵守亚马逊的政策。

#container{
    display: flex;
    height: 1000px;
    align-items: center;
    justify-content: center;
}

.innerDiv{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    height: 100%;
}
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Test Webpage</title>
  <link rel="stylesheet" type="text/css" href="./css/style.css">
  <SCRIPT charset="utf-8" type="text/javascript" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=GetScriptTemplate"> </SCRIPT> <NOSCRIPT><A rel="nofollow" HREF="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=NoScript">Amazon.ca Widgets</A></NOSCRIPT>
</head>

<body>
  <div id="container">
    <div class='innerDiv'>
      <SCRIPT charset="utf-8" type="text/javascript" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=GetScriptTemplate"> </SCRIPT> <NOSCRIPT><A rel="nofollow" HREF="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=NoScript">Amazon.ca Widgets</A></NOSCRIPT>
    </div>
    <div class='innerDiv'>
      Hello World
    </div>
    <div class='innerDiv'>
      World
    </div>
  </div>
  <SCRIPT charset="utf-8" type="text/javascript" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=GetScriptTemplate"> </SCRIPT> <NOSCRIPT><A rel="nofollow" HREF="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=NoScript">Amazon.ca Widgets</A></NOSCRIPT>
</body>
</html>


一定有一些我不知道的非常简单的东西,因为这看起来并不难,不要以为我对这个主题有任何常识。

最佳答案

编辑:你可以试试这个:

<iframe src="/other_page_in_my_site.html"></iframe>

并用以下内容填充/other_page_in_my_site.html:

<html>
 <body>
  <SCRIPT charset="utf-8" type="text/javascript" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=GetScriptTemplate"> </SCRIPT> <NOSCRIPT><A rel="nofollow" HREF="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&MarketPlace=CA&ID=V20070822%2FCA%my-amazon-associate-id%2F8009%2F4246f29c-6400-4a95-9cdd-994f55f4a2dc&Operation=NoScript">Amazon.ca Widgets</A></NOSCRIPT>
 </body>
</html>

注意使用亚马逊网站的代码获取真正的代码。

另一个可能的问题来源可能是在您的浏览器中禁用了 flash。

另一个可能的问题来源可能是启用了 AD 拦截器。

希望这对您有所帮助。

关于javascript - 如何将亚马逊关联广告小部件插入网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62418352/

相关文章:

reactjs - 使用 GatsbyJS 和 Material-UI 重新加载页面时样式消失

reactjs - 如何在本地插件中将 Gatsbys wrapPageElement 与 Typescript 一起使用?

javascript - 如何在正则表达式中使用变量?

javascript - 语法错误 : JSON Parse error: Unexpected identifier "object"

javascript - JQuery 样式和 Ajax 在新主机上无法正常工作

html - HTML 选择事件

javascript - 默认选中的选择元素上的占位符选项

javascript - 如何在reducer中的数组索引处添加对象

javascript - 在 bootstrap-vue 中渲染自定义样式

reactjs - 在 Gatsby.js 中禁用直接路由到特定页面