首页 > 解决方案 > 如何在 React 中挂载 3rd 方脚本?

问题描述

我正在使用 React 和 Wordpress REST API 构建一个网站。我正在尝试从 JuicyAds 加载广告,该广告加载了我安装在 div 上的窗口对象。

到目前为止,我使用了一个 wordpress-react 样板,可以轻松上传自定义主题。但是,我宁愿简单地使用 create-react-app。但到目前为止,脚本只能通过 index.php 加载。这样做的问题是脚本是为每个页面加载的,而不是它需要加载的页面。

我无法通过 React 获取窗口对象。我尝试了几种解决方案,但无法使其正常工作。

当我可以访问窗口对象时,我无法通过 React 组件将其安装到 div 中。如果我将所有逻辑都放在 index.php 中,它就可以工作。

有谁知道如何做到这一点?我想这应该是一个相对简单的解决方案,但没有任何工作。

这是我要加载的广告:

<script type="text/javascript" data-cfasync="false" async src="https://adserver.juicyads.com/js/jads.js"></script>
<ins id="770122" data-width="300" data-height="262"></ins>
<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':770122});</script>

标签: jquerywordpressreactjs

解决方案


推荐阅读