ネット出品の広告をLPで作成しました。活用したツール等は、WordPressの有償テーマFIT THOR、ASPのもしもアフィリエイトです。前の記事で概要編を大まかな構成とツール等を紹介しましたので、今回はその具体的な設定編です。同じツールをお持ちでない方も参考になるのではないかと思いますので、ご覧ください。
活用したツール類
LP（ランディングページ）は、WordPressの固定ページを使って作成しています。このLPの作成に使ったものは次のとおりです。
- レンタルサーバーのXserver
- WordPressテーマとしてFIT社THOR
- アマゾンのFBA（Fulfillment By Amazon）によるAmazon出品
- Amazon以外のモール出品代行者として「セールモンスター」
- ASP（Affiliate Service Provider）の「もしもアフィリエイト」
詳細は次の記事をご覧ください。
FBAとセールモンスターを活用して複数のネットモールに出品中です。ある程度出品数が増えたので販売促進のためLPを作成してみました。WordPressのテーマFIT THOR、もしもアフィリエイト登録等少しツールやアプリ等が必要ですが、簡単[…]
本サイトとLPの位置付け
いまご覧のサイトには、次の画のように右サイドに「幸本舗のショールーム」のアイコンがあり、このアイコンをクリックすると今回作成したLPに移動するようになっています。なお、このアイコン自体はパワーポイントで作成し、画像処理ソフト「Microsoftペイント」によりjpegファイルに変換し、この画にLPのURLを貼り付けています。
LPの構成
この図は、作成したLPの全体構成で、簡単に説明すると次のとおりです。
- ヘッダー：「幸本舗のショーケース」のタイトルと簡単な説明を書いています。
- 写真ギャラリー：WordPressのギャラリー機能を使い、各商品の写真と該当するAmazon出品ページのリンクを設定しました。Amazon出品ページへは、写真の中の「clock here」を押すと移動します。
- 出品モールへの入り口：Amazon、楽天市場、Yahoo！ショッピングの商品ページに移動できるカードが組み込まれています。このカードは、「もしもアフィリエイト」の「かんたんリンク」で作成しました。
- 関連サイトへ：フッターとして元のサイト（ご覧のサイトのトップページ）へ戻るボタンを配置しました。
具体的な設定方法
まず先に「もしもアフィリエイト」の「かんたんリンク」 で商品カードを作成し、それからWordPressの固定ページ作成の流れで説明します。
もしもアフィリエイトのかんたんリンク
もしもアフィリエイトにログインします。
上部バナーの「かんたんリンク」をクリックし、「かんたんリンク」のページに移動します。
出品されている商品のAmazon掲載ページのURLを「かんたんリンク」下の欄にコピペして虫メガネをクリックするとプレビュー・イメージとHTMLソースが現れます。このHTMLソースを後でWordPressの該当箇所に貼り付けるわけです。
固定ページでLP用TPL
ここからはWordPressでの作業になります。LPにはいろいろな作り方がありますので、これ以降は一例としてご覧ください。
まずは、固定ページ＞新規追加を行い、右上の「設定」（ギアマーク）を押して現れた右サイドの「テンプレート」のところで「LP用TPL」を選択します。そうするとまっさらなページが現れます。このテンプレートを使用しなくとも良いのですが、余分な情報が無い分、作成が楽だと思います（LPの作成方針に依るとは思いますが）。
固定ページでヘッダー作成
次に本文の適当な個所（ヘッダーなので先頭ですね）にブロックを確保します。とりあえず「段落」ブロックで構いません。以下も同様にブロックを確保したからの作業になります。
左上の「＋」マークをクリックします（クリック後は下の画のように「×」に変わります）。左サイドに現れた「パターン」タグをクリックすると選択ボタンが表示されますので、ここから「ヘッダー」を押して自分の好みのものを選びます。
なお、あまり選択肢がないので自分でヘッダーを作成しても、もちろん構いません。
写真ギャラリー
固定ページの適当なところでブロックを確保し、左上の「＋」マークをクリックします（クリック後は下の画のように「×」に変わります）。左サイドに現れた「パターン」タグをクリックすると選択ボタンが表示されますので、ここから「ギャラリー」を押して自分の好みのものを選びます。各写真は、名称からリンクを貼る事ができますので、私はAmazonの出品ページと繋げています。
出品モールへの入り口の作成
固定ページの適当なところでブロックを確保し、左上の「＋」マークをクリックします（クリック後は下の画のように「×」に変わります）。左サイドに現れた「ブロック」タグの中の「カスタムHTML」を選択します。
そうすると本文中に「HTMLを入力…」が現れますので、先に説明の「もしもアフィリエイトのかんたんリンク」で作成した HTMLソースを貼り付けます。念のためて「下書き保存」をしておきましょう。
この作業を所要数繰り返します。 念のため適宜「下書き保存」をしておきましょう。
関連サイトへの作成
フッターに相当する箇所にブロックを確保し、左上の「＋」マークをクリックします（クリック後は下の画のように「×」に変わります）。左サイドに現れた「ブロック」タグの中の「ボタン」を選択します。
ボタンは、リンクを貼る事ができますので、私は本サイトのトップページを設定しています。
ここまでで、固定ページの基本的な設定は終わりです。後はプレビューを行い、体裁を整えます。
そして、次は本サイト（スマートエイジのライフプランニング）から固定ページで作成したLPとのリンクです。
外観からサイドバーエリアを選択
次のWordPressメニューに戻り（左上のWをクリック）、外観＞ウィジェットで「サイドバーエリア」を選択します。
サイドバーエリアにLPリンクを貼り付け
サイドバーエリアの定義画面が現れますので、所要の箇所に事前に作成したLPのアイコンを置き、それにリンクを設定します。私は検索関係の下に配置しました。
さいごに
ネットモールに出品している商品サイトの広告をLPとして作成し、サイトに組込み方法を説明しました。後は、このLPの露出を高めて、アクセス数を増やす事が必要です。しかし、これがなかなか難しい問題です。アクセス方法を増やす方法については、成果が出るようなら、また機会をみて紹介させていただきたいと思います。
サイト作りは面白いですが、やはり難しいですね。
にほんブログ村