サイト編集画面にて「追従CTAボタン」を「ON」に設定

​

「ON」にすると以下の画面が表示されるようになります。

　追従ボタンを複数設置した際に、横方向もしくは横方向に配置するかを選択できます。
　ボタンを押してもらいたい優先度などに合わせてご設定ください。
​
​　【設定例】
　追従CTAボタンの表示エリア比率（15％）／ボタン設定2個　の場合
　　・左：横配置
　　・右：縦配置

　追従CTAボタンの表示エリアについて、画面に対する表示比率を任意に設定することが可能です。

　本設定により、コンテンツの閲覧を妨げずにCTAの視認性を調整でき、ユーザー体験の最適化につながります。

　なお、視認性とユーザー体験のバランスを考慮し、以下の比率での設定を推奨しています。

　▼推奨比率
　・PC：10％～15％

　・スマートフォン：10％～20％

　【設定例】

　スマートフォン表示／縦配置／ボタン2個の場合

　　・左：20％

　　・右：15％

　※注意事項

　表示エリアの比率を変更した場合、画像形式のCTAボタンでは

　余白（隙間）が発生する場合があります。あらかじめご留意ください。

​

「グローバルメニュー設定」内にある「追従CTA設定」をクリック

設定画面が表示されます。

追従CTAボタンは全部で5つ設定することができます。
​

通常のCTAボタンのように詳細を設定してください。

・タイプ選択：テキストボタン／画像アップロード／HTML・CSSの3タイプを選択できます。
​
​■パターン１：テキストボタンの場合
・ボタンテキスト：追従CTAに表示させたいテキストを入力
・フォントサイズ：ボタンテキストに入力したフォントのサイズの変更
・ボタンのサイズ：縦横上限100％からサイズを小さく変更することが可能です。
　　　　　　　比率ロックで比率を保ったままサイズ変更
・リンクボタンカラー：追従CTAボタンのカラーを変更
・テキストの色：追従CTAのフォントカラーを変更
・マイクロコピー：ボタンの上下どちらかに補足のテキストを表示させます。
　　　　　　　ボタンサイズ60％以下に設定することで表示されます。
・テキストの色：マイクロボタンのフォントカラーを変更
・テキストの配置：マイクロコピーを追従CTAボタンの上下どちらかに設定
・ボタンの形：追従CTAボタンの形を変更
・ボタンアニメーション：追従ボタンにアニメーションを追加
・配置：追従CTAボタンのサイズを小さくした場合に、ボタンの配置を用途やデザインに応じて、

　　　 以下の配置から選択いただけます。

　　　左寄せ／中央配置（X軸）／右寄せ／上寄せ／中央配置（Y軸）／下寄せ
・CTAタップ後のアクション：通常のCTAボタンと同様です。
​
​■パターン２：画像アップロードの場合

・メディアを選択：追従CTAボタンに挿入したい画像を選択

・メディアの表示サイズ：縦横上限100％からサイズを小さく変更することが可能です。
　　　　　　　　　比率ロックで比率を保ったままサイズ変更

・マイクロコピー：ボタンの上下どちらかに補足のテキストを表示させます。
　　　　　　 ボタンサイズ60％以下に設定することで表示されます。
・テキストの色：マイクロボタンのフォントカラーを変更
・テキストの配置：マイクロコピーを追従CTAボタンの上下どちらかに設定
・ボタンアニメーション：追従ボタンにアニメーションを追加
・配置：追従CTAボタンのサイズを小さくした場合に、ボタンの配置を用途やデザインに応じて、

　　　 以下の配置から選択いただけます。

　　　左寄せ／中央配置（X軸）／右寄せ／上寄せ／中央配置（Y軸）／下寄せ
・画像表示設定：CTAボタンの枠に合わせて画像を引き伸ばすことができます。
　　●比率を維持：アップロードした画像の比率を維持したまま反映します。

　　●CTA枠に合わせる：CTAボタンの枠に合わせて画像の比率を変更します。

　　　　　　　　　　　画像が伸び縮みするのでご注意ください。

・CTAタップ後のアクション：通常のCTAボタンと同様です。
​

■HTML/CSSの場合

設定したいHTML/CSSを入力して、プレビュー画面で微調整をしてください。
​

「保存」ボタンを押して、サイト全体の「保存」をかけて完了です。