2日目:アフィリエイトセンターのデザインを修正する

前回の記事「1日目:アフィリエイターさんに自社商品・メルマガを紹介してもらう」」では、
アフィリエイトセンターの立ち上げ手順について、概要をお話ししました。

今回から、さらに応用できるように詳細を解説をしていきます。
パートナーサイトの見た目をカスタマイズする方法について説明します。

このシリーズ記事では、マイスピーのスタンダードプランを使って、
 アフィリエイトセンターを運営するための手順を説明しています。

アフィリエイトリンクを発行できるサイトとは、どうすればいいの?

アフィリエイトセンター機能には、初期状態、つまり何も設定していない段階でも、
パートナー(アフィリエイター)がログインをして、
紹介用リンクをすぐに発行できるところまでが用意されています。

マイスピーでは、このページをパートナーサイトと呼びます。

【ログインページ】

ブログ1-7

【ログイン後のTOPページ】

ブログ2-1

左メニュー > キャンペーン広告一覧 から

公開中のキャンペーン一覧が見えるようになっていて、
紹介リンク(アフィリエイトリンク)が発行できます。

ブログ1-14

パートナーサイトの編集方法

パートナーサイトのデザイン編集は、

トップ画面「パートナー管理」 > パートナー管理はこちら > パートナーサイト管理 から

編集をすることができます。

202011190
                     

202010094

アフィリエイトセンターのデザイン編集は、すべてこの画面から行います。

・ロゴ画像を変更する方法

【画像ファイルの一覧】は、
初めから「logo.png」という画像が含まれています。

ロゴを変更したい場合には、
ご自身のロゴ画像のファイル名を同じ「logo.png」のファイル名で作成して
そのファイルをアップロード(置き換える)ことで変更することができます。

アップロードするには、「ファイルを選択する」をクリックします。

作成したロゴファイルをアップロードすると、
画像ファイルが上書き保存(サーバー上にアップロード)されます。

パートナーサイト編集画面のページの

「パートナー用サイトの表示」ボタンをクリックし、

ログインページを表示させてみましょう。

アップロードした画像に変更されていれば、ロゴ画像の変更は成功です。

ブログ1-7

                     

ブログ2-2

・パートナーサイトのタイトルを変更する方法

ロゴ画像の隣にある、パートナーサイトのタイトル名を変更してみましょう。

パートナーサイト編集画面のページの【HTMLファイルの一覧】から、

「header2.html」を探し、「編集」をクリックします。

20201030

このような画面が表示されますので、

「パートナー専用サイト」と書かれている部分を、

ご自身が希望する名称に変更します。

書き換えたら「保存する」をクリックします。

202010301

                     

202010302

再度、「パートナー用サイトの表示」ボタンをクリックし、

ログインページを表示させてみましょう。

タイトルが変わっていれば成功です。

ブログ2-2

                     

ブログ2-6

よくある質問

・CSSを変更したい場合はどうすればよいでしょうか?

パートナーサイト編集画面のページの【HTMLファイルの一覧】から、

「custom.css」を探し、「編集」をクリックします。

「custom.css」というファイルが、CSSを書くためのファイルになっています。

このファイルにCSSのスタイルを追記して、ご自身のデザインを追加していきます。

202010308

                     

202010303

・フッターを変更したい場合はどうすればよいでしょうか?

パートナーサイト編集画面のページの【HTMLファイルの一覧】から、

「footer.html」を探し、「編集」をクリックします。

「footer.html」というファイルが、フッター部分のHTMLを書くためのファイルになっています。

このファイルを書き換えることで、フッター部分を変更できます。

202010304

・トップページを変更したい場合はどうすればよいでしょうか?

パートナーサイト編集画面のページの【HTMLファイルの一覧】から、

「top.html」を探し、「編集」をクリックします。

「top.html」というファイルが、トップページのHTMLを書くためのファイルになっています。

このファイルを書き換えることで、トップページの内容を変更できます。

202010306

・パートナーサイトにログインして確認したい場合はどうすればよいでしょうか?

テストユーザーを登録することでログインすることができます。

トップ画面「パートナー管理」 > 「個別登録」 

をクリックし「パートナー追加」ページに移動します。

202011190
                     

202010309

「パートナー追加」ページでは

    ・姓
    ・名
    ・メールアドレス
    ・パスワード

を入力し「追加する」ボタンをクリックします。

202010300

「メールアドレス」は自身で確認できるメールアドレスを登録します。

追加した方のパートナーサイトを確認するときは、

トップ画面「パートナー管理」をクリックするとページ下部にパートナー一覧が表示されます。

202011190

先ほど登録したユーザーの、

「操作」 > 「「パートナーサイトログイン」 をクリックします。

2020103011

パートナーサイトのTOPページが表示されれば成功です。

ブログ2-13

パートナーサイトの設定ができたところで、
次は運用ルールを決めていきましょう!

次はこちら
3日目:アフィリエイトセンターの運営ルールを決める

前回はこちら
1日目:アフィリエイターさんに自社商品・メルマガを紹介してもらう


無料ウェビナー:アフィリエイトセンター機能を活用して、 集客を安定させ、自由な時間を増やす方法

ウェビナー画像

集客が安定しないことに不安を感じていたり、雑務に追われて時間がないことに悩んでいませんか?

この無料ウェビナーでは、集客の不安を解消し、自動化によって雑務の手間や労力を減らすための方法として、次のようなアフィリエイトセンター機能(自社アフィリエイトシステム)の活用方法を紹介します。

  • 自動的にアフィリエイターさんを集める方法
  • 継続的に商品を紹介し続けてもらう方法
  • アフィリエイターさんたちの集客力をアップさせる方法

この無料ウェビナーを見るには、下のボタンをクリックして参加予約をしてください。

サブコンテンツ

このページの先頭へ