我有一个小的react应用程序,我应该在那里添加广告。我有一个脚本,加载广告到ins占位符。
import { useEffect } from 'react';
function AdsComponent() {
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://example.example.net/js/code.min.js';
script.async = true;
script.setAttribute('data-cfasync', 'false');
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
};
}, []);
return (
<div className='mt-[2rem] mr-[2rem]'>
<ins className='aso-zone' data-zone='96230'></ins>
<ins className='aso-zone' data-zone='96231'></ins>
</div>
);
}
export default AdsComponent;
**问题:**当我导航到另一个页面并返回到有广告的页面时,广告没有显示。
初始页面加载或刷新时
导航到另一页并返回时:
enter image description here .
是否有办法确保在导航时广告被重新加载?
1条答案
按热度按时间x8diyxa71#
我发现问题出在广告服务提供商身上,我设法解决了这个问题,方法是在初始加载时将广告缓存到会话存储器中,并在随后的重新呈现中使用缓存的版本