「追従するX(Twitter)アイコン」とは、オンラインストアに訪れたユーザーがページをスクロールしても常に画面上に表示され、X(Twitter)へ簡単に誘導できるアイコンのことです。いわゆる「固定・フローティングボタン」と呼ばれることもあり、ユーザーの画面スクロールに合わせて常に表示されるため、SNS へのアクセス促進やフォロー獲得に大きく貢献します。
特に、EC サイトでは商品ページ閲覧やチェックアウトに集中しがちなユーザーに対して「今すぐフォローしてみよう」と思ってもらいやすく、効果的に SNS マーケティングを行う手段として注目されています。
SNS フォロワーや認知度の向上
ページを離脱せずにワンクリックで X(Twitter)をフォローできるため、フォロワー数が増加しやすくなります。また、SNS 上でのシェアやリツイートによって、さらなる認知度向上も期待できます。
ブランディング強化
常に目に入る位置に公式 SNS へのリンクがあると、ユーザーに対して「信頼できるブランド」「積極的に情報発信をしているブランド」という印象を与えやすくなります。
マーケティング施策への展開
X(Twitter)経由でキャンペーン情報や新商品の告知を行うことで、他のチャネルにはないスピード感やバイラル効果を狙えます。
手軽な顧客接点の確保
追従アイコンを導入するだけで、SNS アカウントへのアクセス経路が常にオープンな状態になります。ポップアップのように煩わしくなく、自然な形で接点を増やせます。
リピート訪問の促進
フォロー獲得後はタイムラインを通じて再訪問を促せるようになり、顧客ロイヤルティの向上にもつながります。
追従アイコンを導入するにあたり、以下の点をチェックすることが重要です。
デザインや位置のカスタマイズ性
ブランドイメージに合わせてアイコンの色・形状・大きさを変えられるかを確認しましょう。
他言語・複数通貨対応
複数の国にストアを展開している場合、対応範囲をチェックする必要があります。
管理画面の使いやすさ
ノーコードで設定を完結できるか、管理画面が直感的に操作できるかを確認しておくとスムーズです。
費用とプランの柔軟性
月額料金や無料期間の有無、追加機能の料金体系などを見比べ、コストと効果を考慮してください。
日本語サポート
問題発生時に日本語で問い合わせたい場合は、言語サポートがあるか事前に確認すると安心です。
ここからは、実際に Shopify アプリストアで提供されている「追従するX(Twitter)アイコン」を導入できる 5 つのアプリをご紹介します。各アプリの特徴や料金プランを参考に、あなたのストアに最適なアプリを見つけてみてください。
価格設定
ハイライト
特徴・機能
このアプリは、シンプルかつ直感的に操作できる管理画面が魅力。あらゆるテーマに柔軟に対応し、X(Twitter)アイコンを固定表示することで SNS 誘導を強化できます。ブランドイメージに合わせた独自のアイコンをアップロードして表示することも可能で、初めての方でも簡単に導入・運用を開始できます。
以下のShopify公式のアプリストアからインストールできます。
シンプル X 誘導|お手軽追従 X(Twitter)アイコン
価格設定
ハイライト
特徴・機能
実は「TZ Trust Badges, Payment Icons」は、信頼バッジや決済アイコンをストアに表示するアプリですが、X(Twitter)などのソーシャルアイコンもまとめて設置可能です。無料で使えるため、まずは SNS 誘導をテストしてみたい方にもおすすめ。カウントダウンタイマーやフリーシッピングバーなど、他の機能とも組み合わせて使うとコンバージョンアップが期待できます。
価格設定
ハイライト
特徴・機能
「Iconito」は、バッジ・アイコン関連では評価の高いアプリです。無料プランでも 5,000 ページビューまでは利用でき、X(Twitter)を含む主要な SNS アイコンを配置できます。デザイン性の高いアイコンライブラリが充実しているため、ブランドのイメージに合ったアイコンをカンタンに導入しやすいのがメリットです。アイコンのサイズ調整や設置場所も柔軟に設定できます。
価格設定
ハイライト
特徴・機能
SNS アイコンの設置に特化している「Sharely」は、X(Twitter)の追従ボタンだけでなく、Instagram や YouTube、Discord、WhatsApp など多数のSNS をまとめて設定できます。初期の無料プランはアイコン 1 つまでですが、PRO プラン($2.99/月)にアップグレードすれば無制限に追加が可能。アイコンの配置や色のカスタマイズも簡単で、SNS 連携を手早く強化したいときにおすすめです。
価格設定
ハイライト
特徴・機能
「GA:Ultimate Trust Badges+Icons」は、アイコン表示に関する幅広い機能を備えたアプリです。通常は製品保証やバッジなどを設置するために使われますが、SNS アイコンも自由に導入できます。月額 $9.99 でバッジ・SNS アイコンを含むすべての要素を無制限に利用できるため、総合的にアイコンを充実させたいストアにおすすめです。
ここでは月額費用をシンプルにまとめます(無料プランがあるものは無料プラン・あるいは最安プランを記載)。自分の予算や必要機能に合ったプランを確認してみてください。
シンプル X 誘導|お手軽追従 X(Twitter)アイコン
開発元が日本企業なので、問い合わせも日本語で可能。
TZ Trust Badges, Payment Icons
現状、日本語には非対応。
Iconito ‑ Trust badges & icons
現状、日本語には非対応。
Sharely: Social Media Icons
現状、日本語には非対応。
GA:Ultimate Trust Badges+Icons
現状、日本語には非対応。
日本語サポートが重要な方は「シンプル X 誘導|お手軽追従 X(Twitter)アイコン」が安心です。
初心者でもわかりやすく「追従アイコン」を設定したい場合は、シンプル X 誘導|お手軽追従 X(Twitter)アイコンが最もスムーズに導入できるでしょう。直感的な管理画面やノーコードでの設定が可能なので、デザイン調整やアイコンカスタマイズもストレスなく行えます。
一方で、SNS アイコンを多数まとめて設置したい場合は、Sharely: Social Media IconsやIconitoも検討すると良いでしょう。
ここでは、追従アイコンを自力で設置したい方向けに、シンプルなコーディング例を紹介します。以下の例では、theme.liquid
やfooter.liquid
などにコードを追加し、画面下に常に追従する X(Twitter)アイコンを設置します。実際に適用する場合は、テーマや構成に合わせて調整してください。
<!-- 追従アイコンのコンテナ -->
<div id="floating-twitter-icon" style="
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
background-color: #1DA1F2;
border-radius: 50%;
padding: 10px;
">
<!-- X(Twitter)へのリンク -->
<a href="https://twitter.com/YourAccount" target="_blank" rel="noopener noreferrer">
<img
src="https://abs.twimg.com/icons/apple-touch-icon-192x192.png"
alt="Twitter Icon"
style="width:32px; height:32px;"
/>
</a>
</div>
上記のコードでは、position: fixed;
を指定しているため、ユーザーがページをスクロールしても常に画面右下にアイコンが表示されます。
背景色や画像、位置、大きさなどはストアのデザインに合わせて調整してください。
z-index
を高めに設定し、他の要素に隠れないようにするコーディングを行う場合、テーマ編集画面からテスト環境で確認しながら調整するのがおすすめです。誤ってレイアウトが崩れる可能性もあるので、バックアップを取ったうえで作業しましょう。
今回は、Shopify ストアに「追従する X(Twitter)アイコン」を設置できるアプリを 5 つ厳選してご紹介しました。SNS 誘導を強化したい方やフォロワーを効率的に増やしたい方にとって、追従アイコンは非常に便利な機能です。
どのアプリを導入するか迷っている場合は、
といった形で選ぶとスムーズです。さらに、簡単なコーディング例を参考に自前でカスタマイズすれば、デザイン面での自由度も高まります。
ぜひ今回の内容を参考にして、あなたのストアに最適な方法で「追従するX(Twitter)アイコン」を取り入れてみてください。
ここまでお読みいただき、誠にありがとうございました。今後も売上アップやブランド認知度向上のために、SNS と連動した施策を活用してみましょう。