記事の目次の前にアドセンスのリンクユニットを入れたい

オンラインコミュニティで質問いただきましたのでこちらで回答します。ウィジェットじゃなくて、記事中に出る目次ですね。

v1.1.1 で、目次前にアクションフック（ inc2734_wp_contents_outline_before ） を追加しました。子テーマの functions.php で、このアクションフックにフックさせてアドセンスコードを追加すればすぐいけると踏んでいました。が、なぜか表示されるのは目次だけ…。

目次は、「まず非表示状態でロードして、目次が必要なページなら非表示を解除して表示させる」という処理をしているのですが、どうもアドセンスが実行されるタイミングが、目次の非表示を解除するタイミングより早く、そのせいでアドセンス側からすると「何もない場所に表示できるか！」ということでエラーになり、目次だけが表示される…という挙動になってしまうようです。

なので、ちょっと CSS も追加して、無理やり気味ですが下記で対応できます。

add_action( 'inc2734_wp_contents_outline_before', function( $attributes ) {
	if ( ! isset( $attributes['move_to_before_1st_heading'] ) || 'true' !== $attributes['move_to_before_1st_heading'] ) {
		return;
	}
	?>
	<style>
	.wpco-wrapper {
		display: block !important;
	}
	.wpco-wrapper .wpco {
		visibility: hidden;
	}
	.wpco-wrapper[aria-hidden="false"] .wpco {
		visibility: visible;
	}
	</style>
	ここに広告コード
	<?php
} );

次のアップデートで、上記の CSS 部分を消してもちゃんと動作するようにテーマ側に調整をいれようと思います。