小编Lou*_*Lou的帖子

在 React.js 应用程序中从广告合作伙伴加载外部脚本

我想在我的 React.js Web 应用程序中包含两种类型的广告

<script async="async" data-cfasync="false" src="//somewebstite.com/invoke.js"></script>
<div id="container-4foobarbaz"></div>
Run Code Online (Sandbox Code Playgroud)

还有这个广告:

<script type="text/javascript">
atOptions = {
    'key' : 'somekey',
    'format' : 'iframe',
    'height' : 250,
    'width' : 300,
    'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.cdnwebsite.com/invoke.js"></scr' + 'ipt>');
Run Code Online (Sandbox Code Playgroud)

我如何将其包含在我的 React 应用程序中?我尝试了一些方法,但没有一个有效,包括:

    const script = document.createElement("script");
    script.async = true;
    script["data-cfasync"] = true;
    script.src = "//somewebstite.com/invoke.js"

    this.div.appendChild(script); 
Run Code Online (Sandbox Code Playgroud)

渲染中是这样的:

<div id="container-4foobarbaz" ref={el => (this.div = el)} >

  </div> 
Run Code Online (Sandbox Code Playgroud)

html javascript ads external-script reactjs

2
推荐指数
1
解决办法
2638
查看次数

标签 统计

ads ×1

external-script ×1

html ×1

javascript ×1

reactjs ×1