# ページヘッダーの先頭にスクリプトを追加する方法

**URL:** https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513
**Category:** Support
**Created:** [2021 年 12 月 8 日午後 4:41 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513 "2021-12-08T16:41:20Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![SchweizerSchoggi](https://avatars.discourse-cdn.com/v4/letter/s/c6cbf5/32.png) [@SchweizerSchoggi](https://meta.discourse.org/u/SchweizerSchoggi)
#### Post date: [2021 年 12 月 8 日午後 4:41 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/1 "2021-12-08T16:41:20Z")

</div>

既存のCookie同意ソリューション（consentmanager.net提供）用のスクリプトを追加する必要があります。

これは、ページヘッダーの最初の全体要素として配置する必要があります。  
管理ツールのHEAD、HEADER、AFTER HEAD、BODYのさまざまなオプションを試しましたが、どれも機能しませんでした。

HEADに配置すると、スクリプトはヘッダーアイテムの真ん中、多くのディスコーススクリプトやその他のものの下に公開されます。Cookieの設定が何であっても、他のカスタムコンテンツ（ここではFont Awesomeアイコン）をブロックしますが、それだけです。

HEADERに配置すると、まったく機能しません。

AFTER HEADに配置すると、レンダリングされたソースコードでスクリプトを見つけることさえできません。

BODYに配置すると（この場所には別のスクリプトがあります）、ページの下部に非常に遅れて公開されます。しかし、ヘッダーにスクリプトを追加できない場合は、ボディの最初に配置する必要があります。

したがって、私の小さなスクリプトの実装はまったく成功していません。  
**headセクションの先頭** にスクリプトを追加する機会があるかどうか、誰か教えていただけますか？

前もって感謝します！

---

<div class="post-metadata">

### Author: ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)
#### Post date: [2021 年 12 月 10 日午後 7:22 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/2 "2021-12-10T19:22:15Z")

</div>

こんにちは @SchweizerSchoggi さん。サイトに[consentmanager.net](http://consentmanager.net)のCookie同意バナーを追加してテストしたところ、「Semi-automatic blocking」タブのスクリプトを使用した場合、正常に動作しました。

 ![Screen Shot 2021-12-10 at 15.18.04](https://global.discourse-cdn.com/meta/original/3X/e/3/e3be806440962e8f4878aaf5381c311ab3a9c98d.png)

別のコードを使用すると、サイト全体がブロックされてしまいます。カスタムJavaScriptを使用してスクリプトを挿入することで解決できるかもしれませんが、他のコードスニペットを使用する方が簡単です。

---

<div class="post-metadata">

### Author: ![SchweizerSchoggi](https://avatars.discourse-cdn.com/v4/letter/s/c6cbf5/32.png) [@SchweizerSchoggi](https://meta.discourse.org/u/SchweizerSchoggi)
#### Post date: [2021 年 12 月 13 日午後 2:10 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/3 "2021-12-13T14:10:56Z")

</div>

@cocococosti ありがとうございます。  
はい、半自動ブロック スクリプトは選択肢になり得ますが、Discourse 管理ツールのどこに配置すればよいでしょうか？

セクションに挿入しようとしました。  
カスタマイズ =\> テーマ =\> CSS/HTML の編集 =\> Body

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/b/5bcfa50cb24996a8ceb18995f53db74caefa1bae.png)

しかし、その場合挿入が遅すぎます。body タグの直後に統合されるべきですが、実際には body タグが閉じる直前に挿入されています。

---

<div class="post-metadata">

### Author: ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)
#### Post date: [2021 年 12 月 13 日午後 4:19 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/4 "2021-12-13T16:19:52Z")

</div>

> [@SchweizerSchoggi](#):
>
> セクションに挿入しようとしました  
> カスタマイズ =\> テーマ =\> CSS/HTMLの編集 =\> Body

Headで行う必要があります: カスタマイズ =\> テーマ =\> CSS/HTMLの編集 =\> **Head**

または、スクリプトを使用してテーマコンポーネントを作成し（Headに追加するプロセスは同じです）、テーマに追加します: [Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

---

<div class="post-metadata">

### Author: ![SchweizerSchoggi](https://avatars.discourse-cdn.com/v4/letter/s/c6cbf5/32.png) [@SchweizerSchoggi](https://meta.discourse.org/u/SchweizerSchoggi)
#### Post date: [2021 年 12 月 14 日午前 9:07 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/5 "2021-12-14T09:07:25Z")

</div>

HEADセクションでは機能しません。どちらのセクションも機能していないようです。スクリプトはHEADまたはBODYのいずれかに統合されるのが遅すぎます:frowning:

---

<div class="post-metadata">

### Author: ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)
#### Post date: [2021 年 12 月 14 日午後 4:33 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/6 "2021-12-14T16:33:13Z")

</div>

@SchweizerSchoggi ホストされているお客様ですので、ご希望であれば、お客様のサイトにログインして確認することができます。スクリプトコードをプライベートメッセージで送っていただけますでしょうか？

---

<div class="post-metadata">

### Author: ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)
#### Post date: [2021 年 12 月 15 日午後 7:07 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/7 "2021-12-15T19:07:59Z")

</div>

クッキー同意スクリプトをテーマに追加した後、ブラウザのコンソールを確認したところ、コンテンツセキュリティポリシーによりCookie同意マネージャーの複数のスクリプトがブロックされていることがわかりました。それらを`content security policy script src`サイト設定に追加したところ、Cookie同意バナーが正しく表示されるようになりました。

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2022 年 1 月 14 日午後 7:08 UTC](https://meta.discourse.org/t/how-to-add-a-script-at-the-beginning-of-page-header/211513/8 "2022-01-14T19:08:28Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
