人気ワード

Copy Title & URL

Bookmark

Feed

Share

アフィリエイター登録コンテンツを作成する方法

目次

  1. アフィリエイター登録とは
    1. コンテンツタイプ:アフィリエイター登録
  2. アフィリエイター登録コンテンツの作成
  3. アフィリエイター登録コンテンツの設定
    1. コンテンツ情報
    2. コンテンツ設定
    3. テンプレートHTML
      1. 入力フォームを出力する変数【入力画面HTML】
      2. エラーを出力する変数【エラー挿入HTML】
      3. 【確認画面HTML】と【注文完了画面HTML】

アフィリエイター登録とは

コンテンツタイプ:アフィリエイター登録

アフィリエイター登録コンテンツページ

「アフィリエイター登録」コンテンツを作成すると、新規でアフィリエイター登録ができるページを作成することができます。 ユーザー情報、振込先情報、メディア情報用の項目を用意しています。

アフィリエイター情報を登録するための変数を用意しています。

アフィリエイター登録コンテンツの作成

管理者画面:コンテンツ管理 > コンテンツ作成

新規コンテンツ作成
図2-1:コンテンツ新規作成

コンテンツ作成画面のコンテンツタイプから「アフィリエイター登録」を選択すると、アフィリエイター登録のコンテンツを作成することができます。

コンテンツタイプ:アフィリエイター登録
図2-2:アフィリエイター登録の新規作成

コンテンツタイプ
「アフィリエイター登録」を選択し、アフィリエイター登録コンテンツを作成します。

「アフィリエイター登録」の具体的な設定方法は、以降の「アフィリエイター登録コンテンツの設定」から詳しく解説しています。

【デフォルトデザイン】
アフィリコード・システムは、あらかじめデフォルトデザイン(コンテンツID:user_regist)を用意しています。

コンテンツ一覧(アフィリエイター登録)
図2-3:アフィリエイター登録の検索結果画面

サンプルデザインを複製・編集して、コンテンツを作成することも可能です。 コンテンツを新規作成する前にサンプルを一通り確認することで、スムーズにコンテンツの作成が行えます。

アフィリエイター登録コンテンツの設定

設定項目はコンテンツのタイプによって内容が異なります。 ここでは、「アフィリエイター登録」を作成する方法について解説します。

アフィリエイター登録の編集画面

1. コンテンツ情報

コンテンツ情報(アフィリエイター登録)

コンテンツタイプ
アフィリエイター登録を作成します。「アフィリエイター登録」と表示されていることを確認してください。

コンテンツURL
コンテンツ(アフィリエイター登録ページ)のURLとなります。

2. コンテンツ設定

コンテンツ設定(アフィリエイター登録)

コンテンツID
コンテンツURLで使用するIDです。変更するとコンテンツURLも変更されます。

カテゴリー名
カテゴリー名を設定することで、コンテンツをカテゴリ単位で管理します。

コンテンツ名
コンテンツを管理する名称です。わかりやすい名称にしてください。

入力フォームの必須項目設定(アフィリエイター登録)

入力フォームの必須項目設定
必須項目を設定します。

閲覧権限外の転送URL(アフィリエイター登録)

閲覧権限外の転送URL
アフィリエイターがログイン状態の場合、新規登録画面へアクセスするとエラーページが表示されます。別途専用ページに転送したい場合に、転送先URLが設定できます。

対象デバイス
作成したコンテンツの閲覧が可能な端末を設定します。

対象外デバイスの転送URL
「対象デバイス」で設定していない端末からアクセスした場合の転送先URLです。

公開設定
コンテンツ(アフィリエイター登録)の公開状態を設定します。初期値は「非公開」です。

3. テンプレートHTML

「アフィリエイター登録」コンテンツでは以下の編集エリアを用意しています。

  • 入力画面HTML
  • エラー一覧HTML
  • 確認画面HTML
  • 完了画面HTML

各編集エリアでHTMLの編集や変数を挿入します。

入力フォームを出力する変数【入力画面HTML】

アフィリエイター登録に必要な入力項目を出力するコンテンツ全体のHTMLを入力します。 ここで入力するコードが、コンテンツのベースとなります。

コンテンツフロー(フォーム)

主にユーザー情報、口座情報、メディア情報を入力するための変数が使用可能です。

アフィリエイター登録のフロント側の表示例
図4-1:アフィリエイター登録のフロント側の表示例
Attention

フォームを作成する場合、必ずフォームスタートの変数:[form_start]とフォームエンドの変数:[form_end]を配置します。

[form_start]
  <div class="mod-form">
    <div class="box">
      <h2 class="box-ttl">基本情報</h2>
      <div class="mod-form-block">
        <dl>
          <dt>会社名</dt>
          <dd>[company]</dd>
          <dt>氏名<span class="mark-req">必須</span></dt>
          <dd>
            [name]
            <span class="ex">例:山田 太郎</span>
          </dd>
          <dt>メールアドレス<span class="mark-req">必須</span></dt>
          <dd>
            [mail]
            <span class="ex">例:user@example.com</span>
          </dd>
          <dt>電話番号<span class="mark-req">必須</span></dt>
          <dd>[tel]</dd>

(省略)

    <div class="mod-form-btn btn-block">
      <input type="submit" value="内容の確認">
    </div>
    <!-- /.mod-form-btn -->
  </div>
  <!-- /.mod-form -->
[form_end]

会社名やメールアドレスなどの入力フォーム項目の変数を用意しています。

【入力画面HTML】の変数例
フロント側の表示変数
会社名[company]
氏名[name]
メールアドレス[mail]

エラーを出力する変数【エラー挿入HTML】

コンテンツ設定の「入力フォームの必須項目設定」で設定した項目の必須チェックを行い、入力内容に不備がある場合、エラーメッセージを出力します。

コンテンツフロー(エラー挿入)

エラー表示(図4-2)は、「エラー挿入位置(エラー挿入HTML)」変数: [error] で出力します。

フロント側のエラー表示例
図4-2:フロント側のエラー表示例
【エラー挿入HTML】の変数例
フロント側の表示変数
エラー表示[error_message_li]

※エラーのメッセージ内容はシステム内で設定されているため変更することはできません。

【確認画面HTML】と【注文完了画面HTML】

【確認画面HTML】と【完了画面HTML】では、フォーム入力後の確認画面と、その次の完了ページを作成します。

コンテンツフロー(確認・完了)

確認画面HTMLの作成は、入力画面HTMLで記述したソースコードをそのまま使用することで作成が可能です。
※確認画面HTMLにも[form_start]と[form_end]の変数は必要です。

完了画面HTMLはサイトのトップページへのリンクを設定することが一般的です。

製品情報

進化し続けるアフィリエイト広告配信システム「アフィリコード・システム」
製品アフィリコード・システム
概要自社アフィリエイト運用から本格的なASP運営まで対応できるアフィリエイト広告配信システム「アフィリコード・システム」
URLhttps://system.affilicode.jp/

関連記事