takezoux2/Advertisement.tsx

## Advertisement.tsx
import Head from 'next/head';
import Script from 'next/script';
import React from 'react';

// Scriptコンポーネントで定義すると、Prefetchされても重複でloadされなくなる
// dangerouslySetInnerHTMLは、描画のたびに実行されるため、通常Render時もPrefetch時でも呼び出される
const Advertisement: React.FC = () => {
  // 表示のたびにIDが代わるようにする
  const scriptId = "adreset" + new Date().getTime()
  return (
      <>
        <Script id="ats" src="//anymind360.com/js/{id}/ats.js" />
        <Script
            id={scriptId}
            dangerouslySetInnerHTML={{
            __html: `
  window.anymindTS && window.anymindTS.dispose && window.anymindTS.dispose();
  window.startAnymindTS && window.startAnymindTS();
      `,
          }}
        />
        <Head>
      </Head>
    </>

  };
};

export default Advertisement;
	import Head from 'next/head';
	import Script from 'next/script';
	import React from 'react';

	// Scriptコンポーネントで定義すると、Prefetchされても重複でloadされなくなる
	// dangerouslySetInnerHTMLは、描画のたびに実行されるため、通常Render時もPrefetch時でも呼び出される
	const Advertisement: React.FC = () => {
	// 表示のたびにIDが代わるようにする
	const scriptId = "adreset" + new Date().getTime()
	return (
	<>
	<Script id="ats" src="//anymind360.com/js/{id}/ats.js" />
	<Script
	id={scriptId}
	dangerouslySetInnerHTML={{
	__html: `
	window.anymindTS && window.anymindTS.dispose && window.anymindTS.dispose();
	window.startAnymindTS && window.startAnymindTS();
	`,
	}}
	/>
	<Head>
	</Head>
	</>

	};
	};

	export default Advertisement;