[ 解決済 ] body終了タグの直前にScriptを挿入する方法がわかりません

[博之上田]

■ WordPress のバージョン
WordPress 6.6.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
バージョン: 8.22.3

■ スキンの種類
Pale II

■ スキンのバージョン
Bootstrap4

■ プラグインの種類・バージョン
Advanced Editor Tools
Akismet Anti-spam: Spam Protection
Contact Form 7
Contact Form 7 add confirm
Hide Title
Invisible reCaptcha
Jetpack
Lightning Skin Pale
Otter – Page Builder Blocks & Extensions for Gutenberg
PDF Embedder
PS Auto Sitemap
Really Simple SSL
Redirection for Contact Form 7
Search Regex
Smash Balloon Custom Facebook Feed
Smash Balloon Instagram Feed
UpdraftPlus – バックアップ/復元
VK All in One Expansion Unit
VK Block Patterns
VK Blocks Pro
XML Sitemap Generator for Google
パスワード保護

■ 期待する動作
１）ページの表示させたい位置に

<div id="kcapp" v-cloak>
  <top-events></top-events>
</div>

を記入

２）</body>終了タグ直前に下記を埋め込み

<script src="https://xxxx.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>
　　　　・
　　　　・
　　　　・
<script type="application/javascript" src="./js/kcevents.js"></script>

３）kcevents.jsをsample.jp/wp-admin/js/kcevents.jsに保存

の３つを実装することでAPIトークンにより、外部サーバーの情報をページ内に表示させたい。

■ 自分で試した事
２）のbody終了タグの直前にScriptを挿入するためにa）〜c）を実施
a）固定ページの本文に「カスタムHTML」でコードを追加　→NG
b）functions.phpファイルに以下のコードを追加　→NG

function add_custom_js_to_footer() {
    ?>
    <script type="text/javascript">
        // ここにJavaScriptコードを記述します
        console.log('This is your custom script');
    </script>
    <?php
}
add_action('wp_footer', 'add_custom_js_to_footer');

c）「Insert Headers and Footers」や「Header and Footer Scripts」というプラグインを使用　→NG

■ 症状が発生するブラウザ
Safari、Chrome

■ 実際の症状
１）と３）はできたのですが、２）の「</body>終了タグ直前に　JavaScriptを埋め込み」の
方法がわかりません。よろしくお願いします。

■ その他特記事項
・「Insert Headers and Footers」や「Header and Footer Scripts」というプラグインを使用すると、

403 Error
不正なパラメーターが送信されたため、アクセスをブロックしました。エラーとなりスクリプトが表示されません

と表示され、設定を保存できませんでした。

・kcevents.jsは以下のURLで、ソースコードを表示するので、リンクは正しいと思われます。
https://alicef.jp/wp-admin/js/kcevents.js

[博之上田]

functions.phpに以下のコードを追記して解決しました。
お騒がせしました。

add_action(
	"wp_footer",
	function() {
		?>
		表示したい HTML 文字列
		<?php
	},
	100
);

[投稿者]

投稿