メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

新しいエディターで同意バナーをカスタマイズする

更新日時 2024年 4月 25日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Marketing Hub   Starter , Professional , Enterprise
Content Hub   Starter , Professional , Enterprise

新しいエディターを使用してCookieバナーを作成する場合、位置、形状、色、ボタンのスタイルなど、同意バナーのスタイルを簡単にカスタマイズできます。

同意バナーをカスタマイズするには:

  • HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左のサイドバーメニューで、[プライバシーと同意]に移動します。
  • [Cookie]タブをクリックします。
  • カスタマイズしたいドメインのバナーのドメイン名をクリックします。
  • [同意バナーのオプション]セクションで、[カスタマイズ]をクリックします。
  • 変更内容を特定のバナーでプレビューするには、左パネルの[特定のバナーでプレビュー]ドロップダウンメニューでバナーを1つ選択します。

consent-banner-preview

注:一度にプレビューできるバナーは1つだけですが、変更内容はドメイン下のすべてのバナーに適用されます。


  • バナーの表示位置をカスタマイズするには、[バナーの位置]をクリックします。次に、[中央]、[下]、[左下]、[右下]、または[上]を選択します。
  • バナーの背景スタイルをカスタマイズするには、[背景のスタイル]をクリックします。次に、バナーの[形状]、[背景色]、[パディング]および[幅]を選択します。バナーに「無視」ボタンを追加するには、[[無視]ボタン]スイッチをクリックしてオンに切り替えます。
  • バナーのフォントスタイルをカスタマイズするには、[フォントスタイル]をクリックします。[文字色]をクリックしてカスタム色を選択するか、自社のブランドカラーの中から選択します。
  • バナー上のボタンのスタイルをカスタマイズするには、[ボタンスタイル]をクリックします。次に、ボタンの[形状]を選択し、ボタンの色とボタン上のフォントをカスタマイズします。[背景]、[フォント]、または[境界線の色]をクリックしてカスタム色を選択するか、自社のブランドカラーの中から選択します。
  • また、バナーでカテゴリー別のオプトイン/オプトアウトが許可されている場合、カテゴリー別Cookieポップアップをカスタマイズすることもできます。これを行うには、[カテゴリー別のCookie]タブをクリックします。

cookies-by-category

  • カテゴリー別Cookieポップアップの背景スタイルをカスタマイズするには、[背景のスタイル]をクリックします。次に、バナーの[形状]、[背景色]、[文字色]、[パディング]および[幅]を選択します。 
  • カテゴリー別Cookieポップアップ上のボタンのスタイルをカスタマイズするには、[ボタンスタイル]をクリックします。次に、ボタンの[形状]を選択し、ボタンの色とボタン上のフォントをカスタマイズします。[背景]、[フォント]、または[境界線の色]をクリックしてカスタム色を選択するか、自社のブランドカラーの中から選択します。
  • カテゴリー別Cookieポップアップ上のカテゴリーのスタイルをカスタマイズするには、[カテゴリーのスタイル]をクリックします。次に、カテゴリーの[形状]を選択し、背景色、文字色、切り替えスイッチの色をカスタマイズします。[背景]、[フォント]、または[切り替えスイッチの色]をクリックしてカスタム色を選択するか、自社のブランドカラーの中から選択します。
  • スタイリングをリセットするには、任意のカテゴリーの横にある[リセット]をクリックします。 
  • 右上の[保存して終了]をクリックします。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。