📏
友だち追加バナーの表示位置を調整する方法
おみせコネクトのトラッキングタグに位置調整タグを追記する
友だち追加バナーの表示位置を調整するには、既に設定済のおみせコネクトトラッキングタグに、追加で、位置調整用のタグを貼り付けます。
BASEの を使用している場合
トラッキングタグの設定方法2021/7/9 7:452023/6/29 23:47HTMLタグ管理Appを起動し、既に設定済のおみせコネクトトラッキングタグを編集し、トラッキングタグの上部に位置調整用のタグを追記します。
追加する位置調整用タグは次項で説明します。
BASEのを使用している場合
![HTML編集Appによるトラッキングタグの設定方法[非推奨]](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/6ca98edf-7976-43ba-984e-882a7170859e/cdbda6d10135f9b7d81961a99a2ba846.png)
HTML編集Appによるトラッキングタグの設定方法[非推奨]2023/2/24 9:522023/7/6 4:38HTML編集Appのエディタを起動し、既に設置済のおみせコネクトのトラッキングタグを探します（ 閉じタグの直前に記載しているはずです）。
見つかったら、おみせコネクトトラッキングタグの上部に、位置調整用のタグを追記します。追加する位置調整用タグは次項で説明します。
LINEアイコンバナーの位置調整用タグ
バナー位置調整用タグ（6行すべて貼り付けます）
<style type="text/css">
#oc-plugin-wrapper { bottom: 20px !important; right: 24px !important; }
@media screen and (max-width: 600px) {
#oc-plugin-wrapper { bottom: 12px !important; right: 12px !important; }
}
</style>
バナー位置調整用タグの、数値の部分を変更します。
2行目の が PC用の設定です。
4行目の が スマートフォン用の設定です。
の数値を変えると上下の位置を調整できます。「下からXX px」の意味なので数値を大きくすると上へ寄ります。
同じく は左右の位置を調整します。「右からXX px」の意味なので数値を大きくすると左へ寄ります。
LINEアイコンバナーでは、テキスト吹き出し💬があるため、左に大きく位置を変更すると、吹き出しが画面をはみ出してしまうことがあります
LINEアイコンバナーの位置調整の設定は以上です。
リッチデザインバナーの位置調整用タグ
リッチデザインバナーでは、「アイコン」ではない「パネル領域」の場所を変更することはできません。「アイコン」の位置のみ調整可能です。
リッチデザインバナー位置調整用タグ（6行すべて貼り付けます）
<style type="text/css">
#oc-plugin-icon { bottom: 24px !important; right: 24px !important; }
@media screen and (max-width: 600px) {
#oc-plugin-icon { bottom: 12px !important; right: 12px !important; }
}
</style>
位置調整用タグの、数値の部分を変更します。
2行目の が PC用の設定です。
4行目の が スマートフォン用の設定です。
の数値を変えると上下の位置を調整できます。「下からXX px」の意味なので数値を大きくすると上へ寄ります。
同じく は左右の位置を調整します。「右からXX px」の意味なので数値を大きくすると左へ寄ります。
リッチデザインバナーのアイコン位置調整の設定は以上です。