サポートエリアのカスタマイズ方法

※以下の機能はnote proの機能です
※サポートを受け付ける設定がOFFの場合にご利用いただけます

• サポートエリアのカスタマイズでできること
• サポートエリアの設定
  • リンクボタンの背景色を指定する
  • リンク画像を設定する
  • 変更と削除
• サポートを受けつけたい場合

サポートエリアのカスタマイズでできること

サポートエリアのカスタマイズ機能をご利用いただくと、記事の下部にあるサポートエリアに、リンクボタンとメッセージを表示できるようになります。 
記事を読んで興味を持っていただいた読者へ、プラスアルファの情報をご案内することができます。

※現在のところ、登録できる情報は1種類のみで、記事ごとにメッセージとリンクを変更することはできません。
※カスタマイズの設定を行うと、サポートは受けられません。

利用シーン
・Twitterフォローや、メルマガ登録など、継続的なコミュニケーションが取れるコンテンツをご案内する。
・採用情報や自社サイトをご案内する。


※画像はイメージです。キャンペーン実施の有無はnote pro公式よりご確認ください。

サポートエリアの設定

※設定の前に、サポートを受け付ける設定がOFFになっていることをご確認ください。 

1. noteのアカウント設定ページの左側メニューから「リアクション」を選択
   スキやフォローなど読者へお知らせしたい情報を登録できるページが開きます。
   
   
2. 「読者へのお知らせ」を選択
   メッセージの登録、リンクボタンの設定画面が開きます。
   
   以下、5パターンの設定ができます。
   - A：読者へのお知らせのみ
   - B：リンクボタンのみ
   - C：読者へのお知らせ+リンクボタン
   - D：リンク画像のみ
   - E：読者へのお知らせ+リンク画像
   
3. 登録ができたら「保存」を選択
   
4. 記事の下部に、登録をしたメッセージとリンクボタンが表示されているか確認

リンクボタンの背景色を指定する

背景色は、設定を変更しなければnoteで使っているグリーン（#238F76）となります。
※色をさがす場合は、カラーピッカーをご利用ください。
※自社のブランドカラーに合わせたい場合は、広報やデザイン部署などにご確認の上、#から始まる６桁のカラーコードを入力してください。

背景色と文字色のコントラスト比が足りない場合、利用者が情報を読み取りづらくなる可能性があるため、アラートが表示されます。
アラートが表示されたら、誰にでも読みやすいようにコントラスト比を変更してみましょう。
※変更しなくても設定は可能です

リンク画像を設定する

あらかじめ、画像の作成をしておきましょう。
画像の推奨サイズは 1440x298pxです。

1. 「リンクボタンに画像を設定する」をONにする。
   テキストの代わりに画像の設定ができるようになります。
   
2. ファイルから画像をアップロード、またはドラック＆ドロップで画像を設定
3. URLに画像のリンク先を設定
4. 登録ができたら「保存」を選択
5. 記事の下部に、登録をしたメッセージとリンクボタンが表示されているか確認

変更と削除

内容を変更をしたい場合も同様の手順です。

削除したい場合は、お手数ですがすべての項目を消してください。

サポートを受けつけたい場合

note proご利用開始後、サポート覧の設定はOFFの状態となっています。
サポートを受け付ける場合は、サポートの設定を変更してください。
サポートを受け付けると、カスタマイズ設定は利用できません。