Marketo LPの『正しい』プレビュー方法とは!?

投稿日 2022年5月13日
著者五十嵐槙子
カテゴリー Marketo

Web制作は「作り始めてから完成」まではまだまだ折り返し地点、「くまないチェックと修正作業」でようやくゴールできるのだと日々思う五十嵐です。

Web制作においてチェックはとても重要です。
昨今はPCだけではなくタブレットやスマホなど、閲覧側の画面サイズも大中小さまざまなので、制作時に自分のPC画面だけを見ていると実際にページを公開してみたときに思わぬ部分が崩れてしまっているということが起こります。
今回はランディングページをMarketoで制作した時のチェック手段、プレビュー機能の便利で間違いのない使い方についてご紹介します。

Marketoのランディングページアセットのプレビュー方法は以下の２通りがあります。

Marketo内でプレビュー表示する方法
プレビューURLを生成する方法

Marketo内でのプレビュー表示について

こちらはMarketo内で表示の確認が行える方法です。

ランディングページのアセットページから「ランディングページのアクション」をクリックしメニューを展開します。
「プレビュー」を選択しクリックしてください。

このようにプレビュー画面に切り替わります。

画面上部のタブで「デスクトップ」「モバイル」「サイドバイサイド」の３パターンに表示の切り替えが可能です。（最初はデスクトップの状態です）

「サイドバイサイド」：デスクトップ画面とモバイル画面を並べて比較表示できるプレビューです。

ヘッダーのバーの表示が気になる場合は画面右上の矢印アイコンから全画面表示が可能です。

トークンの表示確認

ページ内にトークンが含まれている場合、リード別のページの見え方を確認できます。

今回のテストページにはリードトークンである{{Lead.Last Name}}が含まれています。
このトークンが有効であることをプレビューで確認してみましょう。

プレビュー画面右上の「デフォルトの表示」から「顧客詳細別に表示」または「リストの選択」をクリックしてください。
※どちらを選択しても同じ「リストの選択」のモーダルウィンドウが開きます。リストを選択せずに、リードを直接指定することはできません。

リストを選択するとリストに含まれているリード名が画面右上のドロップダウンメニューに表示されます。
ドロップダウンメニュー自体をクリック、もしくは「＜」「＞」アイコンをクリックでリスト内に存在するリードを選択できます。

以上が主なプレビュー表示の機能です。

しかしこのプレビュー方法はMarketoにログインしていないと見られないので、社内のMarketoアカウントを所持していないメンバーに確認してもらいたいという場合にはなかなか大変ですし、何より実際の見え方は実際に各端末で見てみないと分かりません。
そのような場合はもう１つの方法、「プレビューURLの生成」が最適です。