マイスピー会員サイトをLP・セールスレター化する実践カスタマイズ術
はじめに
ランディングページ（LP）でメールアドレスを取得した後、その登録者一人ひとりに対して、名前を差し込んだり、登録日を起点にコンテンツを出し分けたり…そんな「特別なページ」を提供したいと考えたことはありませんか？
マイスピーの「会員サイト機能」は、まさにそれを実現するための強力な一手です。
しかし、この会員サイト機能をLPやセールスレターとして使おうとすると、デフォルトで表示される共通ヘッダーやナビゲーション（グロナビ）などが、かえって”余分な要素”になってしまいます。
私たちが本当に作りたいのは、訪問者の集中を削ぐことなく、メッセージだけをまっすぐに届ける、シンプルな「縦長一枚もののページ」のはずです。
そこでこの記事では、その理想を実現するため、会員サイト機能をLPやセールスレターとして活用することに特化した『専用シナリオ』を用意し、不要な要素をすべて排除して、まっさらな一枚のページにカスタマイズする方法を、手順を追って徹底的に解説します。
※本記事は、あくまでデザイン面の『カスタマイズ方法』に焦点を絞った内容です。登録日を起点とした具体的なコンテンツ配信といった、実際の運用テクニックについては別途記事でフォローします。
まずは、強力なマーケティングの土台となる「ページそのもの」を、あなたの手で作り上げていきましょう。
会員サイトのLP化に不要なパーツ
会員サイト記事を縦長のLPやセールスレターとして使う際に、デフォのデザイン設定だと邪魔になるパーツがあります。
１．ヘッダー帯＆タイトル
２．記事タイトル
３．サイドバー＆メニュー
※以下の画像の赤囲み部分がLP化の際に不要なパーツになります。
この部分を削除することで、会員サイト記事をLPやレターとして使いやすくなります。
その結果、高度な表示コントロールをLPやレターなどにも適用でき、販促施策等の展開がやりやすくなります。
この記事では、上記パーツの削除手順を解説します。
会員サイトのLP用最適化手順
まず、新規でLP用のシナリオを作成します。
※1つひな形用に作成して、都度シナリオコピーして使う様にすると、このカスタマイズ設定は１回すれば完了です。
管理画面のTOPページの「シナリオ新規作成」をクリック
シナリオ新規作成の画面が開いたら「無料メルマガ」を選択して「次へ」をクリック
基本設定画面が表示されたら必要事項を入力
シナリオ名は「ひな形」と入力すればOK。今回はひながた作成なので、シナリオ名以外はそのままでOK。
シナリオ名を入力したら画面下部の「作成する」をクリックします。
シナリオが作成されてシナリオ管理メニューが表示されたら、会員サイト管理をクリックします。
会員サイト管理の画面を開いたら、「会員サイトを作成」をクリックして会員サイト機能をONにします。
会員サイト機能がONになり画面が切り替ったら「ディレクトリ＆ファイル一覧」まで下にスクロールします。
今回は会員サイト記事を単体でしか使わないので、TOPページ等はいじらずそのままにしておきます。※TOPページに飛ぶ手段は全部削除するの問題ありません。
会員サイトディレクトリの欄まできたら、「header2.html」をクリックします。
header2.htmlに記載されているコードを全削除して「保存する」をクリック
保存が完了したら「戻る」ボタンをクリックして会員サイト管理に戻ります。
この設定でサイトの上部のサイト名表示と帯が表示されなくなります。
画面上部の帯が消えると以下の通りになります。
次は会員サイトルートディレクトリ内の「page.html」をクリックします。
page.htmlが開いたら以下の2カ所を削除します。削除が完了したら「保存」をクリックして、保存後、戻るをクリックしてサイト管理画面に戻ります。
◆1つ目削除箇所
<h2>
%ｓite_template(type,article_title)%
</h2>
◆2つ目削除箇所
!--最新情報-->
<h3>最新情報</h3>
（MyASP側の「最新情報一覧」自動出力タグ）
2カ所のコードを削除
上記コードを2カ所削除したことで、記事タイトル表示と最新情報のリスト表示がされなくなります。
このコード削除を実行すると、記事本文に入力した内容のみ表示されるようになります。
次にデザイン設定の部分まで画面を下にスクロールさせて、レイアウトをクリックします。
レイアウトの設定画面が開いたら、
・カラム数：「1カラム」を選択
・横幅：「広い」を選択
・メニュー位置：なし
と設定後、「変更する」をクリックします。
以上の設定で、会員サイトの記事表示の際に不要な部分
・ヘッダー部のサイト名と帯
・記事ページ上部に表示されるH2の記事名
・記事下部にある最新情報表示
・サイドメニューバー表示
この4つが記事には表示されなくなり、編集画面で記入した本文部分のみが表示されるようになります。
会員サイト記事を使ったLPやレター等の作成にがしやすくなります。
直接、編集画面からコード入力をして、記事自体でLPを作成することもできます。ただし、CSS等固定されているので、ページのデザインで融通性がなかったりします。
是非、一度試してみてくださいね。