期間限定: 年間プランで3ヶ月無料。 今すぐ申し込む →

ブログに戻る

コールトゥアクション(CTA)の事例トップ10

CloudBooksチーム1 分で読めます2018年1月2日
コールトゥアクション(CTA)の事例トップ10

コールトゥアクション(CTA)の事例トップ10

コールトゥアクション(CTA)は、あらゆるマーケティング活動の基本要素です。なぜなら、CTAこそが読者の注意を引き、行動を促すものだからです。インターネット上には、効果的なCTAの事例もあれば、そうでない事例も数多く存在します。しかし、優れた要素を吸収すれば、うまくいかない不要な部分を排除するのは簡単です。

なぜ特定の企業には登録したくなるのに、他の企業にはそう思わないのか、不思議に思ったことはありませんか?確かなことは、あなたがそのテーマに関心を持っているということですが、最も重要なのは、それらの企業があなたの注意を引き、関心を収益に変えることに成功しているという点です。彼らはCTAの要素、色、コピー、サイズ、形状、配置などを微調整することで、これを非常にうまく行っています。理想的なCTAの目的は、読者から即座に行動を引き出すことです。

CTAの「効果」を満たす要素とは何でしょうか?

• 読者に価値のあるものを提供する(例:製品の無料トライアル)
• 読者に何をすべきかを指示する
• 強力なビジュアルを取り入れる
• 即時の行動を促すヒントを与える
• 視認性を高める
• 従来とは異なる独自のテキストコピーを使用する
• 目標と結びついていること

それでは、10のCTA事例を見て、そこからヒントを得てみましょう。

1. CTAはシンプルかつ要点を絞る – Backcountry

冒険やアウトドア専門用品のeコマースサイトであるBackcountryは、初回注文が全品10%オフになるポップアップで、新規訪問者を温かく迎えます。「カートに適用」という下のCTAボタンは、割引価格で即座にカートへ進むよう顧客を誘導します。これは新規訪問者にとって非常に魅力的です。CTAは訪問者の目の前に配置され、背景を暗くして強調されます。Backcountryのメール登録CTAはテキストを使わず、メールの画像のみを使用しています。そのため、読者は「最新情報を受け取る。Backcountryのニュース、セール、お得な情報を購読する」というメッセージを読む前であっても、CTAが何を意味するのかを理解できます。
1. Keep the CTA simple and to-the-point - Backcountry

2. 顧客をパーソナライズする – Agile CRM

「ここをクリック」と書かれていても、それほどクリックしようとは思いませんが、「Liziaさん、ここをクリック」と書かれていれば話は別です。人間は自分の名前を見ると行動を起こす傾向があります。ここでパーソナライゼーションの要素がコンバージョン率の向上に寄与します。中小企業向けCRMソリューションを提供するAgile CRMは、CTAメッセージにパーソナライゼーションを取り入れています。「Markさん、5ドルの割引があります」というメッセージは、Markさんに自分が特別な顧客であると感じさせます。これにより、企業に対する顧客の信頼が高まります。さらに「クーポンは24時間のみ有効」という一文が、Markさんの行動を加速させます。
2. Get personal with your customers - Agile CRM

3. CTAをクリックベイトとして使う – ClassPass

CTAの主な目的は、見る人にクリックを促すことです。そのため、ClassPassのようにCTAをクリックベイト(クリックを誘う仕掛け)として活用しましょう。ClassPassは、最高のフィットネススタジオを利用できる月額制のフィットネスメンバーシップサービスです。このCTAは2つのことを行っています。訪問者に魅力的なオファー(ポジティブなメッセージ)を提示し、そのオファーの期間を制限(少しネガティブなメッセージ)しています。ClassPassは、フォントサイズを大きくすることで、まずポジティブなメッセージに目を向けさせ、「はい、始めます!」というクリックを促します。もし顧客が「期間限定」という文字に気づいたとしても、すでに説得されているため、オファーを利用しようと急ぐだけです。
3. Use the CTA as clickbait - ClassPass

4. クリックすべき理由を伝える – Emailmonday

CTAは、顧客がなぜクリックすべきなのかを伝える必要があります。単純なことですが、顧客にとって有益なものがなければ、ボタンをクリックしようという気にはなりません。独立系メールマーケティングコンサルタントであるEmailmondayのフォームの形状は非常にユニークです。多くのフォームが長方形や正方形であるのに対し、このフォームは球形で、ビジネスオーナーの顔写真が添えられています。コピーは登録の真の価値を伝えています。「登録してください。本当に役立つメールマーケティングのヒントはニュースレターにあります」。そして「いつでも登録解除できますが、きっと解除したくなくなるはずです」という言葉には、自身のコンテンツに対する強い自信が表れています。
4. Tell customers why they should click - Emailmonday

5. 興味をそそる要素を増やす – SkullCandy

家電メーカーのリーダーであるSkullCandyは、インサイダーニュースやイベント情報、お得な情報を届けるために「詳細を入手(Get the lowdown)」という興味深いテキストコピーを使用しています。また、「登録(Subscribe)」よりも「参加(Join)」という言葉の方が響きが良いでしょう。SkullCandyのウェブサイトでさらに興味深いのは、左下に配置された「10ドルを獲得(Get $10)」というCTAです。これはランディングページへとつながり、新規訪問者が友人を招待することで、10ドル、30ドル、50ドルの報酬を得られる仕組みになっています。

メッセージなしの太字の「10ドルを獲得」というCTAは、訪問者の興味をそそり、クリックを誘います。背景を暗くしてCTAを強調しているため、読者の注意を確実に引きつけます。
5. Increase the intriguing factor - SkullCandy

6. 目標とCTAをリンクさせる – Vice

今日の多くの企業は、ページの最下部にソーシャルメディアボタンを配置する傾向がありますが、これらは読者にほとんど見られていません。もし目標がソーシャルメディアのフォロワーを増やすことなら、どうすればよいでしょうか?Viceの事例を参考にしましょう。世界的な若者向けメディア企業であるViceは、強力なビジュアルとテキストコピーを使って、Facebookページへの「いいね!」を促しています。子犬が親を慕う画像は、Viceが読者に対して抱いている愛情を表現しており、主な読者層が若者であるため、動物との親和性も高いです。「私たちがあなたを好きなように、私たちを好きになってください」や「Viceにいいね!」というメッセージは、読者の間で「いいね!」を促す共鳴を生み出しており、これが彼らの現在の優先事項となっています。
6. Link your goal to the CTA - Vice

7. CTAを中央に配置する – Prezi

クラウドベースのプレゼンテーションプラットフォームを提供するSaaS企業Preziは、「Prezi Nextを無料で試す」というCTAを、訪問者の目に留まりやすい中央に配置しており、これが素晴らしいリード獲得ツールとして機能しています。ウェブサイトにアクセスした瞬間に、最初に目に入るのがこれです。複数のCTAを使用する場合は、同じランディングページに接続することで、コンバージョンへの影響を高め、顧客を混乱させないようにするのが賢明です。ここでは、「始める」と「Prezi Nextを無料で試す」の両方が、各プランの比較を表示する価格ページへとつながっています。
7. CTA at right in the center - Prezi

8. 色を合わせる – Magento

多くのマーケターはCTAに使用する色の選択に細心の注意を払っていませんでしたが、今は違います。緑の方が赤より効果的だと言う人もいれば、その逆だと言う人もいます。どの色を使うにしても、明るすぎず、目に優しい色であるべきです。クラウドコマースイノベーションを提供するMagentoは、ロゴに合わせたオレンジ色を使用しています。この色は、「ウェビナーに登録」、「Magento」、「デモを見る」といった、注意を引くことを目的とした要素へと視線を誘導します。どちらのCTAも色と配置のおかげで見つけやすくなっています。これらのアクションは、ウェビナーの参加者を増やすことや、月間のデモ目標を達成するという目標に直結しています。
8. Match up the colors - Magento

9. 愛情を込める – Popsugar

Popsugarは、エンターテインメント、ファッション、美容、フィットネス、育児など、女性向けのコンテンツを制作するグローバルメディア・出版企業です。彼らのCTAはハートで溢れており、女性読者の心に響くデザインになっています。もちろん、このスライドインポップアップの「毎日の美容情報を手に入れよう」というテキストコピーは、私たち女性が必要としているものそのものです。もっと送ってください! 🙂
9. Show more love - Popsugar

10. ビジネスの内容を伝える – Instacart

ウェブサイトを見ても、数ページめくるまで何をしている会社なのか理解できないことがあります。それには時間がかかり、多くの訪問者は情報を探すことに興味を示さないため、潜在的な顧客を逃してしまいます。代わりにInstacartが行っていることを試してみてください。オンライン食料品配送ビジネスであるInstacartは、「地元の店舗から食料品を配送」というわずか7語で、何をしている会社なのかを伝えています。CTAは中央に配置され、初回注文時の無料配送オプションも提示されています。また、視認性を高めるために、ハイコントラストを切り替える機能も備えています。
10. Tell what your business does - Instacart

上記のすべての企業は、ベストプラクティスに従い、CTAを何度もテストして収益を向上させています。次のCTAをデザインする際にこれらのアイデアを取り入れ、結果を測定してみてください。うまくいったかどうか、ぜひまた報告しに来てください。

請求業務を効率化しませんか?

CloudBooksを利用して、より早く入金を受けている30,000社以上の企業に参加しましょう。

無料トライアルを開始

より早く入金を受け取りませんか?

30,000人以上のフリーランスや中小企業が、CloudBooksを使って請求書作成、経費管理、財務管理を簡単に行っています。

クレジットカード不要
14日間の無料トライアル
いつでもキャンセル可能
無料の移行サポート