メインコンテンツまでスキップ

アフィリエイターの登録フォーム

コンテンツ管理 > アフィリエイター登録

アフィリエイター登録フォームの作成・編集について解説します。


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

アフィリエイター登録ページを作成します。
サンプルデザイン:アフィリエイター登録(コンテンツID:user_regist)を複製・編集して、コンテンツ作成も可能です。

アフィリエイター登録ページ

コンテンツ新規作成

コンテンツ設定に基本情報を入力し、コンテンツタイプ:アフィリエイター登録 を選択します。

コンテンツ管理 | コンテンツ新規作成

コンテンツタイプ選択


コンテンツ設定

コンテンツ設定 > 右サイド の各情報を設定します。
公開設定は、デフォルトは非公開です。各情報は後で設定してもかまいません。

コンテンツ情報

項目内容
コンテンツタイプ作成するコンテンツタイプを表示
コンテンツURLhttps://システムドメイン/contents.php?c=コンテンツID
-コンテンツIDを変更するとURLも変更されます
HTTPヘッダー|Content-Typetext/html

コンテンツ設定

項目内容
コンテンツIDコンテンツURLに使用されるID
- 新規作成時に指定したID
カテゴリ名複数のコンテンツをまとめるカテゴリ名
- 入力を省略した場合は 「未設定」 になります
コンテンツ名コンテンツ名を入力
入力フォームの必須項目設定- 会社名
- 電話番号
- 住所
- 生年月日
- 適格請求書発行事業者の登録番号
- グループ
- 金融機関名/支店名/口座種別/口座番号/口座名義
- 金融機関コード/支店コード
- メディア情報
- 規約同意
閲覧権限外の転送URL閲覧権限とは異なる権限でアクセスした場合にユーザーを転送先URLに遷移させます
対象デバイスPC / スマートフォン
- 閲覧可能な端末を設定します
対象外デバイスの転送URL対象デバイスとは異なる端末でアクセスした場合にユーザーを転送URLに遷移させます
BASIC認証コンテンツ閲覧時にBASIC認証を設定します
公開設定公開 / 非公開
入力フォームの必須項目設定
  • 氏名とメールアドレスは、入力必須 です。任意入力にすることができません。
  • 登録済みアカウント(管理画面にリストされているアカウント)の必須制御は、システム設定 | アフィリエイター設定 で行います。

テンプレート

テンプレートエリアで、コードの編集やコンテンツ変数を挿入して、コンテンツ作成を行います。

  • 入力画面コード:入力フォームを出力するコード
  • エラー挿入コード:エラーメッセージを出力するコード
  • 確認画面コード:入力フォーム確認画面のコード
  • 完了画面コード:入力フォーム完了画面のコード

入力画面コード

アフィリエイター登録時の入力フォームを作成します。

入力画面コード

設置必須の変数
  • フォーム開始タグ [form_start]
  • フォーム終了タグ [form_end]
  • 入力エラー出力箇所に [error] を設置
  • 郵便番号から住所を自動入力させる場合は [ajaxzip] を設置

[form_start]
<div class="mod-form">
<div class="box">
<h2 class="box-ttl">基本情報</h2>
<div class="mod-form-block">
<dl>
<dt>会社名<span class="mark-req">必須</span></dt>
<dd>[company]</dd>
<dt>氏名<span class="mark-req">必須</span></dt>
<dd>
[name]
<span class="ex">例:山田 太郎</span>
=========== 省略 ===========
<div class="mod-form-btn btn-block">
<input type="submit" value="内容の確認">
</div>
<!-- /.mod-form-btn -->
</div>
<!-- /.mod-form -->
[form_end]

入力画面のコンテンツ展開例
図:コンテンツ変数の設置(左)とコンテンツの出力例(右)


エラー挿入コード

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

エラー挿入コード

エラー挿入コードとは
  • 入力画面コードの [error] タグで展開される内容を組み込みます。
  • 入力画面にて、入力内容に不備がある場合はエラーメッセージを出力します。
  • 入力フォームの必須項目設定 にて必須チェックを行います。
  • エラーメッセージの変更はできません。

エラー出力イメージ
図:エラー変数の設置(左)とエラー出力例(右)


確認画面コード / 完了画面コード

フォーム入力後の確認画面と完了ページを作成します。

確認・完了画面

確認画面コードとは
  • フォーム入力後の、確認画面を編集できます。
  • 入力画面コードで記述したソースコードを使い回すことができます。
  • 入力画面コードの必須マークを非表示にするなど、コーディングルールがあれば適宜編集してください。

フォームの入力例や注釈を追記する場合

コンテンツ管理に登録されているサンプルテンプレートは自由に編集できます。
以下は、入力フォームの編集例です。

変更前

変更前の例

<dt>電話番号<span class="mark-req">必須</span></dt>
<dd>[tel]</dd>

変更後:電話番号に入力例と注釈を追加

変更後の例

<dt>電話番号<span class="mark-req">必須</span></dt>
<dd>[tel]
<span class="ex">例:000-1111-2222</span>
<br>
※半角数字ハイフンありで入力してください。
</dd>

変数一覧

アフィリエイター登録コンテンツの変数

アフィリエイター登録に関する入力画面コードの変数です。
確認画面コード、完了画面コードの変数はフォーム入力時の内容が展開されます。

変数説明
[company]- 会社名(テキスト)【引数対応】
[name]- 氏名(テキスト)【引数対応】
[mail]- メールアドレス(テキスト)【引数対応】
[tel]- 電話番号(テキスト)【引数対応】
[add_num1]- 郵便番号1(テキスト)【引数対応】
[add_num2]- 郵便番号2(テキスト)【引数対応】
[add_text]- 住所(テキスト)【引数対応】
[bank_name]- 金融機関名(テキスト)【引数対応】
[bank_code]- 金融機関コード(テキスト)【引数対応】
[bank_branch_name]- 支店名(テキスト)【引数対応】
[bank_branch_code]- 支店コード(テキスト)【引数対応】
[bank_u_type]- 口座種別(ラジオボタン)
[bank_u_num]- 口座番号(テキスト)【引数対応】
[bank_u_name]- 口座名義(テキスト)【引数対応】
[invoice_license_num]- 適格請求書発行事業者の登録番号【引数対応】
[hidden_user_group]- グループ(hidden:隠しフィールド)
[user_group]- グループ(セレクトボックス)
[media_name]- メディア名(テキスト)【引数対応】
[media_url]- メディアURL(テキスト)【引数対応】
[media_category]- メディアカテゴリー(セレクトボックス)
[media_type]- メディアタイプ(ラジオボタン)
[media_pv_row]- 月間PV数(セレクトボックス)
[media_uu_row]- 月間UU数(セレクトボックス)
[media_comment]- メディア説明(テキストエリア)【引数対応】
[agree]- 利用規約に同意する(チェックボックス)
<label><input type="checkbox" name="agree[]" value="true">利用規約に同意する</label>
グループ(hidden:隠しフィールド)変数の使い方

[hidden_user_group]は、フォーム入力画面には表示されない隠しフィールドの変数で、以下のような使い方ができます。

  • ユーザーに入力させずに任意のグループ名で登録したい
  • フォームの種類や経路を判別したい
  1. 入力フォーム内に、[hidden_user_group]変数を設置
  2. コンテンツURLに&user-group=test1 のパラメータを付与
  3. test1 のグループ名でアフィリエイター登録
    変数の出力例:<input type="hidden" name="user_group" value="test1">

その他の変数

コンテンツ変数の使い方、その他の共通変数は、コンテンツ変数一覧 をご確認ください。