作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在我的 React.js Web 应用程序中包含两种类型的广告
<script async="async" data-cfasync="false" src="//somewebstite.com/invoke.js"></script>
<div id="container-4foobarbaz"></div>
还有这个广告:
<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>');
如何将它包含在我的 React 应用程序中?我尝试了一些方法,但没有一个起作用,包括:
const script = document.createElement("script");
script.async = true;
script["data-cfasync"] = true;
script.src = "//somewebstite.com/invoke.js"
this.div.appendChild(script);
渲染中的这个:
<div id="container-4foobarbaz" ref={el => (this.div = el)} >
</div>
最佳答案
我看到您正在尝试使用 adsTerra,所以这是一个工作示例(在 Typecript 中)
import { useEffect, useRef } from 'react'
export default function Banner(): JSX.Element {
const banner = useRef<HTMLDivElement>()
const atOptions = {
key: 'YOUR_KEY',
format: 'iframe',
height: 50,
width: 320,
params: {},
}
useEffect(() => {
if (!banner.current.firstChild) {
const conf = document.createElement('script')
const script = document.createElement('script')
script.type = 'text/javascript'
script.src = `//www.highperformancedformats.com/${atOptions.key}/invoke.js`
conf.innerHTML = `atOptions = ${JSON.stringify(atOptions)}`
if (banner.current) {
banner.current.append(conf)
banner.current.append(script)
}
}
}, [])
return <div ref={banner}></div>
}
关于javascript - 在 React.js 应用程序中从广告合作伙伴加载外部脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61036388/
自从我进行任何 PHP 编程以来已经有一段时间了,所以我试图开始生锈。 我正在尝试创建一个关联数组结构。 [results] [total] [people] [
我正在将一些模块从 v7 迁移到 v10 现在我有这些继承 res.partner 的方法 @api.depends('company_id') def _get_country_code(self)
我是一名优秀的程序员,十分优秀!