reactjs 当我在React中来回导航某个页面时,看不到脚本添加的广告

cygmwpex  于 2023-03-17  发布在  React
关注(0)|答案(1)|浏览(98)

我有一个小的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;

**问题:**当我导航到另一个页面并返回到有广告的页面时,广告没有显示。
初始页面加载或刷新时

on initial page load

导航到另一页并返回时:

enter image description here .
是否有办法确保在导航时广告被重新加载?

x8diyxa7

x8diyxa71#

我发现问题出在广告服务提供商身上,我设法解决了这个问题,方法是在初始加载时将广告缓存到会话存储器中,并在随后的重新呈现中使用缓存的版本

相关问题