# 【How-To】個人情報の処理に関する通知文をスクロール表示させる方法

**URL:** <https://community.hubspot.com/t/how-to/39873>\
**Category:** Tips, Tricks & Best Practices\
**Created:** [June 30, 2021, 1:48am UTC](https://community.hubspot.com/t/how-to/39873 "2021-06-30T01:48:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![natsumimori](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/natsumimori/32/39807_2.png) [@natsumimori](https://community.hubspot.com/u/natsumimori)\
**Post date:** [June 30, 2021, 1:48am UTC](https://community.hubspot.com/t/how-to/39873/1 "2021-06-30T01:48:19Z")

</div>

問い合わせフォームに個人情報の処理に関する通知文（個人情報取得同意欄）を入れた際に、通知文全体をスクロール表示にする方法を紹介します。

関連ナレッジベース：[HubSpotフォームまたはポップアップフォームに通知および同意に関する情報を追加する](https://knowledge.hubspot.com/jp/forms/add-notice-and-consent-information-to-your-hubspot-form-or-pop-up-form)

①まずフォームを作成します。この時、GDPRオプションを有効にします。

関連ナレッジベース：[フォームを作成する](https://knowledge.hubspot.com/jp/forms/create-forms)

 ![個人情報同意スクロール１.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/8/089a489dbd0818fa51020214606882f48ab11d55.png)

②コミュニケーション同意チェックボックスを残して、それ以外のメッセージ分を削除します。（削除する前に全文コピーしておきます。）

 ![個人情報同意スクロール２.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/4/747e3dc0d5e0da2c56582a5336ce14cf332a22fb.jpeg)

③フォームを公開します。

④新規ページを作成します。①〜③で作ったフォームをページに挿入します。

関連ナレッジベース：[ページを作成して公開する](https://knowledge.hubspot.com/jp/cos-pages-editor/create-and-edit-pages-in-hubspot)

⑤フォームの下にリッチテキストモジュールを挿入します。②でコピーした個人情報の処理に関する通知文をペーストします。

⑥エディターパネルで[詳細→ソースコード]と進みます。

⑦ソースコードの一番上に

`<div style="height: 200px; width: 100%; overflow: scroll;">`

を入れ、一番下に

`</div>`

を入れます。

![個人情報同意.gif](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/b/8bb56b92fa2fbc2d5c2011a3d97e98858beb11b4.gif)

⑧ページを公開します。するとこちらのように通知文全体がスクロール可能になります。

![個人情報同意２.gif](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/0/603c8066d8f9fd53258bf4fe49640adf20572c13.gif)