Printifyでカタログを拡大しましょう!Shopifyに接続し、1300以上の製品にアクセスし、利益を得始めましょう。 無料サインアップ

クレジットカード不要でShopifyのトライアルまたはPageFlyをお試しいただけます。

Shopifyのトライアルを開始する PageFlyを無料でお試しください。PageFlyを無料でお試しください。

目次

Facebook広告のランディングページ:これが方法だ(公式+実例)

当社の事業は、アフィリエイトから得られるコミッションによって支えられています。 詳細.

アップルは最近iOS14をリリースし、プライバシーと透明性のアップデートを行った。米国だけでも 96%のユーザーがアプリのトラッキングをオプトアウトこの大きな変更により、iOS14.5では96%のユーザーがアプリのトラッキングを拒否している。

Facebook広告は、その膨大なユーザーベースの恩恵を受けて、かつては自分の「ターゲット」についてのすべてを知っていて、袖の下のいくつかのかなり良いトリックでそれらを導くことができるそのような男だった。利用可能なすべての情報が最低限にまで削減された今、彼にはコンフォートゾーンを出て、潜在的なリードとの最初のタッチポイントであるFacebookのランディングページから始めて、特別な努力をする以外に選択肢はない。

概要

I. iOS 14リリース:要旨とFacebook広告ランディングページへの影響

このごく最近のアップデートで、米ハイテク大手はユーザーのプライバシーをより深刻な議論に持ち込むことを決定した。 

まず、iOS 14のリリースでは、正確な位置情報ではなく、おおよその位置情報を共有できるようになった。また、ユーザーはアプリによる追跡を希望するかどうかを尋ねられるが、追跡拒否の場合は収集されるデータ量が少なくなるかもしれない。Facebook広告にとっては、広告主は、クロスデバイス/ブラウザ・アクティビティとフルファネル・ビューの可視性とシグナルの損失に備える必要があることを意味する。

Facebook広告の最大の変更点の1つは、アトリビューション・ウィンドウである。 

以前のiOSバージョンでは、Facebook広告主は28日間のアトリビューションウィンドウを持っていましたが、iOS14のアップデートで、このアトリビューションウィンドウは7日間に短縮されました。簡単に言うと、以前のバージョンでは、訪問者が広告をクリックし、ランディングページを訪問した後、一旦広告を終了し、27日後に商品を購入するために戻ってきた場合でも、FB広告ダッシュボードではコンバージョンイベントとしてカウントされていました。新しいコンバージョンイベントがカウントされるたびに、Facebookピクセルはより賢くなり、理想的な顧客をより深く理解できるようになります。7日間のアトリビューションウィンドウでは、広告をクリックし、ランディングページを訪問し、終了し、8日後に戻って購入しても、コンバージョンイベントはカウントされません。結局、ピクセルが賢くなるのはかなり難しくなる。以前は無制限にイベントをトラッキングできたが、現在は8つだけに制限されている。ユーザーがオプトアウトした場合、ウェブサイトへの到着時に1つのイベントしか発生しないため、 より長い購入サイクルで発生するアクションを追跡することが難しくなります。

だからこそ、訪問者をその場でできるだけ早くコンバージョンさせることは死活問題なのだ。 

Facebook広告の運用はより難しく、CAC(獲得単価)はより高くなると予測されている。そのため、広告掲載後、顧客との最初の接点となるランディングページは、CROを強く意識したものでなければならない。

続きを読む iOSで何が変わり、Eコマース事業者はどう対応するのか?

II.勝つFacebookランディングページの作り方

Facebook広告のランディングページとは?

Facebookのランディングページは、特定のクリック課金型(PPC)Facebook広告からの訪問者を変換するために設計された専用のページです。

その他のPPCランディングページのベストプラクティスについては、こちらの記事をご覧ください。

例えば、この広告をクリックした場合:

フェイスブック広告

このランディングページが表示されます:

Facebook広告のランディングページ

これらのランディングページは、Facebook広告を補完するためにオーダーメイドされているため、他のページ(ウェブサイトの製品ページなど)とは異なります。ランディングページは、Facebookのニュースフィードをスクロールしている読者を夢中にさせる「ストーリー」を続けます。

関連記事ランディングページとウェブサイト:よくある間違い

勝つためのFacebookランディングページを設定する5つの簡単なステップ

指定されたページを設定する必要性は、プリセットページに頼ることができないため、非常に重要である。ホームページは、特定の情報を探しているソリューション意識の高い見込み客には最適だが、ソーシャルメディアからの訪問者には圧倒される可能性がある。見込み客のニュースフィードはパーソナライズされており、彼らが目にする広告は高度にターゲット化されているため、Facebookのランディングページを成功させるには、広告としっかりと整合させ、オーダーメイドにする必要がある。簡潔な情報と一貫性のあるメッセージで焦点を絞ったFacebookランディングページは、散漫なデジタル空間でモバイルユーザーの注意をよりよく引きつけることができます。

ステップ1:オンラインストアをホストするウェブサイトの作成

機能的なオンラインストアは、オンラインマーケティングを試すための足がかりとなります。Facebookページがシンプルな情報ハブに過ぎないのに対し、ネスト化されたページを持つオンラインストアは、ビジネスの全体像を提供したり、単にランディングページを確立するためのスペースを提供したりすることができる。たとえランディングページが効果的に機能しなかったとしても(ぜひそうしてください!)、Facebookユーザーはそこから他の選択肢を模索し始めることができます。

Shopifyは完全にホストされたクラウドベースのEコマースプラットフォームで、企業はコーディングの必要なく、製品やサービスパッケージを販売するための独自のウェブサイトを迅速に構築することができます。ストアフロントでは、ブランドの一貫性を保ちながら、ロゴ、テキスト、画像、色、動画などを、会社概要ページ、ホームページ、商品ページなど、さまざまなページでカスタマイズすることができます。このプラットフォームを使用することで、ストアオーナーは注文、製品、価格、在庫、出荷、支払いを管理するための管理パネルを監視することもできます。Shopifyのアナリティクスツールを使用することで、毎日の総売上高や、何人の顧客があなたのウェブサイトをリピートしているかなど、更なるマーケティングプランに欠かせない多くの指標を常に最新の状態に保つことができます。また、すでにFacebookなどのソーシャルメディアアカウントをお持ちの場合、Shopifyではそれらをオンラインストアに統合し、これらのチャネルで直接販売することができます。

Shopifyには、Facebook上で存在感のあるオンラインストアを成功させるために必要なものがすべて揃っています。あなたのオンラインストアが利用可能になれば、レイアウトや商品説明などの必要な要素はすべて、安定したShopifyのバックエンドに基づいてすでに反映されている可能性があるため、独自のページを設定し始めることができます。

ステップ2:ランディングページの目的を明確にする

ランディングページは、広告を効果的にフォローアップし、マーケティング活動の主要目標の達成に貢献するものでなければなりません。リードジェネレーションを目的としているのであれば、ニュースレターの登録ボックスを作り、魅力的なコールトゥアクションでEメールの購読を呼び込むことを検討しましょう。あなたの最終目的がコンバージョンにあるのであれば、商品の詳細な説明を表示し、切迫感を与えることが考えられます。

ランディングページがFacebook広告キャンペーンとうまく一致していることを確認してください。広告とランディングページの情報の不一致は、あなたのビジネスについて大きな赤旗を上げるかもしれません。Facebook広告で製品を宣伝した後、ランディングページのど真ん中にニュースレター登録フォームを配置するのは確かに避けたい。視覚的な一貫性もまた重要であり、これこそが第一印象を与え、ブランド・アイデンティティを長く維持することにつながるからだ。

ステップ3: PageFlyでランディングページを作成する

Shopifyのテーマについては、あなたはあなたが与えられたものを得る。このテーマは、メニュー、商品リスト、カートページなどのようなシンプルな機能を備えた基本的なオンラインストアのレイアウトをセットアップするためのツールキットを提供します。それだけです。

一方、最も信頼できるShopifyページビルダーの1つであるPageFlyは、様々なページのデザインをよりスムーズに行うことができます。PageFlyはページビルダーカテゴリでNo.1のアプリとしてShopifyからも顧客からも信頼されている実績があります。PageFlyはドラッグ&ドロップの理念に基づいて動作し、数回のクリックとプリセットされた条件だけでページ要素を編集できるため、時間を節約することができます。

PageFlyページビルダーをインストールする

ページ ページにアクセスし、「アプリを追加」ボタンをクリックし、ストアの URL を入力して、Shopify ストアにアプリをインストールします。

Facebookのランディングページを作成する

Shopify管理画面のサイドバーで、Apps > PageFly - Advanced Page Builderをクリックします。その後、別ページのPageFlyダッシュボードにリダイレクトされます。

ページフライダッシュボード

ページの作成」または左メニューの(+)アイコンをクリックします。その後、ページ設定でお好みのページタイプを選択できます。この場合、通常のページを作成し、ランディングページと名付けることをお勧めします。

PageFlyでランディングページを作成する

(*) 注意:無料プランでは、各ページタイプにつき1ページのみご利用いただけます。容量を最大化したい場合は、有料プランのご利用をご検討ください。

ページ設定が完了すると、テンプレートライブラリが表示され、ストアを開始するためのテンプレートを選択することができます。

PageFly要素を使用する

ページエディターにはPageFlyの基本要素とセクションが用意されており、空白のページにドラッグ&ドロップすることができます。PageFlyを使用すると、好きなようにページを構成して、ストアの外観を楽しむことができます。

PageFlyの使い方

PageFlyはまた、エレメントを使った無限の実験を提供します。

PageFly ランディングページ・ビルダー

より快適なアプローチは、ページ設定であなたのビジネスに合った80以上の高品質テンプレートを使うことだ。

ページのプレビューまたは公開

ページの作成が終わったら、「保存」をクリックします。このオプションはページをデータベースに保存しますが、まだ公開はしません。プレビューでページのプレビューを見ることができます。

PageFlyでページを公開する

公開ボタンはページを保存し、公開します。ライブビューでライブページを見ることができます。ページは "your-shop-name.myshopify.com/pages/page-name "というアドレスであなたのストアにリンクされます。

Shopifyデータベース内のPageFlyページは、Shopifyホーム > 販売チャンネル > オンラインストア > ページで確認できます。

ステップ4:ランディングページのプレビューとテスト

満足のいくページができたら、プレビューモードで見てみましょう。閲覧者の視点から見ることで、間違いを発見することができます。さらに、複数のスクリーンタイプに最適に合うように、直前まで変更を加えることができます。

PageFlyエディターのダッシュボードを使うことで、さまざまなデバイスでの表示を調整し、モバイルフレンドリーを実現できるのは素晴らしい。

PageFlyを使ったランディングページのプレビューとテスト

ステップ5:広告マネージャにアップロードします。

ランディングページの広告に満足したら、保存して広告マネージャーにギアを切り替えましょう。ここからのプロセスは、特に以前に広告を作成したことがある場合は、かなり直感的です。広告の種類を選んだら、あとは多くのフィールドに入力するだけです。

広告マネージャにアップロードする

III.Facebook広告ランディングページの事例から学ぶ 

以下のインスピレーションは、あなたのランディングページのヒントになるかもしれない。これらの広告やランディングページに共通するのは、ゴール、コンテンツ、デザインの一貫性だ。

例1:帽子の癖

フェイスブック広告

ハットハビット・フェイスブック・ランディングページ

ランディングページ

ハットハビット・フェイスブック・ランディングページ

帽子習慣Facebook広告ランディングページ
  • 目標:コンバージョン
  • 内容7月4日キャンペーンの割引。広告テキストでは割引コードと金額を強調する一方、ランディングページ(商品ページ)では、強力な社会的証明としてカスタマーレビューとともに詳細な商品説明を提供。
  • デザイン:割引後の価格更新、星のアイコン、カスタマーレビューのための大きな太字テキストを使用した強力な視覚効果を表示します。

例 2:DTCニュースレター

フェイスブック広告

DTCニュースレターFacebook広告ランディングページ

ランディングページ

DTCニュースレター

DTCニュースレターfacebookランディングページ

  • 目標:リードジェネレーション
  • コンテンツ無料配信、価値あるインサイト、高頻度配信など、このイニシアチブの価値を強調する。ランディングページでは、測定可能なベネフィットと主要ブランドからの証言を紹介することで、フェイスブックユーザーが信じる理由を増やす。
  • デザイン:一貫したカラーコード、ランディングページの高度にインタラクティブな画像

例3:舞 - リハブ

フェイスブック広告

舞 - リハブ・フェイスブック・ランディングページ

ランディングページ

舞 - リハビリ

  • 目標:コンバージョン - フラッシュセール・キャンペーン
  • コンテンツとデザイン:切迫感を演出する。販売促進的なコピー(割引と時間枠)とFOMO効果(ヒーローバナーとカウントダウンタイマー)を組み合わせる。

例4:ブラジルとの会話

フェイスブック広告

コンバースのブラジル広告

ランディングページ

コンバースのブラジルFacebook広告ランディングページ

コンバース・コン・ブラジル

コンバース・コン・ブラジル

コンバース・コン・ブラジル

コンバース・コン・ブラジル

  • 目標:ブランディング
  • 内容Facebook広告のキャプションは限られた言葉で、製品のオン・ザ・ムーブ精神とコンバース・ブランドとアーティストのコラボレーションを主に指摘している。
  • デザインFacebook広告の画像は、実際に動いている製品を捉えているが、ランディングページは、コンテンツが豊富で、世界に一足しかない靴のバックストーリーを深く掘り下げている。これは、テキスト、ヒーローバナー、カスタム画像、動画、大胆なパートナーロゴなど、あらゆる種類のメディアをうまくミックスし、爽やかでありながらオールドスクールな配色をうまく守ったおかげで実現した。

注意: あなたは Facebook広告ライブラリを使ってランディングページのインスピレーションを探すことができます。

Facebookのランディングページを探す

IV.Facebook広告ランディングページのベストプラクティス

パフォーマンスの高いランディングページは、テクニカルな部分とクリエイティブな部分の両方を兼ね備えていなければならない。

まず第一に、完全に機能するページは、店頭でのあらゆる戦略的なタッチの前提条件である。

成果を上げるFacebook広告のランディングページを作る

広告の目標に合わせてランディングページを作成する。

ランディングページは、リードジェネレーションであれコンバージョンであれ、その効果を最大化するために、Facebook広告キャンペーンの目的に沿ってデザインされるべきである。

例えば、ブランド認知度を高めるためだけのFacebook広告キャンペーンは、過大な目標になりかねない。その代わりに、連絡先を残し、同社が独占的に発行したレポートをダウンロードするためのページにユーザーを誘導することができます。このアプローチは、ブランドを業界の専門家として位置づけるだけでなく、顧客に積極的に連絡を取り続けるよう促す。

ページに独自のURLを与える。

Facebookの有料広告からのリードを追跡するには、ランディングページに固有のURLを設定する必要があります。そうすることで、その広告から獲得したリードを特別に見ることができる。さらに、Facebookのパフォーマンスのために小さな変更を加えたい場合、元のページを微調整する必要はありません。

測定基準を重視する

Pixelは、広告のパフォーマンスを高めるために設計されたFacebookの機能です。簡単に言うと、この機能によって、あなたのビジネスは自動操縦モードでリターゲティングマーケティングを行うことができます。顧客があなたのランディングページに入り、ブランド認知広告のオファーを完了すると、Pixelはその顧客のデモグラフィックを常に深く学習し、ターゲットを絞り込んでリードに変換するためのそっくりプロフィールを推奨します。

マーケティングファネルが明確に定義されたら、どの指標を成功指標として見るかを決めることが超重要です。費やしたお金、記入されたフォーム、コンバージョンなどの基本的なデータを見ることで、良いスタートを切ることができます。また、広告とランディングページのパフォーマンスを測定するために、FacebookレポートとGoogleアナリティクスを常に把握しておきましょう。

コンバージョンにつながるFacebook広告のランディングページをデザインする

クリーンな外観

まず、 凝縮されたリストやレイアウトを避ける ことで、無駄のないデザインを心がけましょう。そのためには、説明や解説を削除し、表示する情報を少なくするとよいでしょう。

キーメッセージの強調

どんなにパワフルな言葉であっても、まずはページ訪問者にあなたの重要なアジェンダを伝えるべきである。

短いリンクタイトルを長いものに:広告テキストをタイトル行に移動して長くすることである。追加コピーには、オファーに関する具体的な内容や、主要なベネフィットが考えられる。 

力を与えるアクション: 最初の要素は、読者に力を与えることを約束する強力なアクション・フレーズである。パターンの後半部分は、読者がそのアクションを実行するためにどのように興味をそそられるかを強調することで、アクションにアクセントをつける。

行動を促す見出し行動を促す見出し(出典:GoodUI.com)

見出しは、UXアカデミー・プログラムの最終的な目標にもっと焦点を当てるように脚色されている(出典:GoodUI.com)。

ローカライゼーション:ローカライズされた挨拶は、あなたのウェブサイトを訪問するさまざまな国の人々にとって、より親しみやすく聞こえるかもしれません。

この利点を生かすため、PageFlyは翻訳作業をすることなく、多言語でオンラインストアを運営することができます。

社会的証明の提示

このプロンプトの後に、役に立つ証言の一式が続くかもしれない:

  • 実際の顧客の写真の信憑性:お客様の声の小さなサムネイル写真
  • ベネフィットの見出し:主要なベネフィットを顧客レビューに基づく見出しで強調し、訪問者が素早くスキャンできるようにします。
  • はじめに、または経歴の信憑性:必要な項目は、経歴、所在地、職業上の肩書きや専門知識など。

レビュー欄を作るテスティモニアル・プロンプト(出典:GoodUI.com)

ソーシャルカウントや大きなロゴを使って、顧客やパートナーを説得する。

ソーシャルカウント(出典:GoodUI.com)

ビッグロゴ(出典:GoodUI.com)

行動喚起を賢く配置する

行動喚起を繰り返すことはぜひ試してみるべきだが、読者を困らせるようなことは控えよう。最初に試すべき場所は、間違いなくサイト上で最も目につくエリアであるフォールドの上です。下の実験では、「今すぐ参加する」ボタンをモバイルナビゲーションメニューの中に入れています。

Facebookランディングページのコール・トゥ・アクション折り目の上の行動喚起(出典:GoodUI.com)

コール・トゥ・アクションの例折り込み広告の例(出典:GoodUI.com)

これは、読者がフィードの一番下に到達したときにアクションを取るように思い出させるためである。

行動喚起の繰り返し行動喚起の繰り返し(出典:GoodUI.com)

さらに、永続的な(フローティング)ビヘイビアを使用して、アクションへの主要な呼びかけの可視性を高めることができます。ボタンは、画面の上部または下部に配置し、固定させることができます。

粘着性のある行動喚起スティッキーな行動喚起(出典:GoodUI.com)

危機感を利用する

翌日配達のメッセージ: 商品やサービスを早く受け取りたいという意欲を高めるために、緊急性の要素を示すことです。

翌日配達メッセージ翌日配達のメッセージ(出典:GoodUI.com)

カウントダウンタイマー:タイマーを逆回転させることで、ある行動を起こすまでの残り時間を伝える。表示される緊急度は、作り物ではなく本物であることが良い方法でしょう。

カウントダウンタイマーカウントダウンタイマー(出典:GoodUI.com)

FOMOを誘発するカウントダウン・タイマーFOMOを誘発するカウントダウンタイマー(出典:GoodUI.com)

結論

iOS 14のリリースは、多くの人にとって痛みを伴う可能性があります。すでにFacebook広告を立ち上げている場合、またはこれを検討している場合は、できるだけ早くビジネスマネージャーでドメインの唯一の所有者であることを確認してください。技術的な面では、現時点では最大8つのイベントしかトラッキングできないため、イベントに優先順位をつけることが重要です。Facebook広告キャンペーンの一部でiOSデバイスを除外することは、かなりハードコアなソリューションかもしれませんが、試してみる価値は間違いなくあります。 

今のところ、あなたが考慮すべき最もシンプルな側面は、Facebook広告のランディングページです。Shopifyと高パフォーマンスのページビルダーPageFlyの助けを借りて、Facebook広告のコールトゥアクションにヒットした後の顧客との最初のタッチポイントは、大いに有望な結果をもたらすだろう。

さらに読む; 

今すぐ探す