小编Hen*_*nry的帖子

我正在尝试在我的 Sapper 构建的网站中设置 AdSense，但没有成功。我已将代码添加到 template.html 文件中并且它可以工作，但我想使用组件在特定页面上显示它。

目标是在资源页面的侧边栏上显示广告（见图）。它上面的小部件是由 index.svelte 页面加载的组件，因此我想对广告执行相同的操作。

资源页面

目前，我有以下几点：

• template.html 文件中的 AdSense 脚本，然后
• 在组件 OnMount 函数中，我从 template.html 文件中获取 Adsense 代码，并将其放置在 div 内的组件上，然后将其从 template.html 文件中删除。

模板.html

<footer>
    <!-- GoogleAdsence Script. -->
    <div id="gAdsense-code" style="display: none;">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-X0X0X0X0X0X0X" crossorigin="anonymous"></script>
        <!-- Resource page Ad -->
        <ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-X0X0X0X0X0X0X"
            data-ad-slot="X0X0X0X0X0X0"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>   
    </div>
</footer>

adswidget.svelte

<script>

    import { onMount } from 'svelte';

onMount(() => {

        window.addEventListener( 'load', () => {
             //get ads-widget div …