人気ワード

Copy Title & URL

Bookmark

Feed

Share

ログイン(広告主)コンテンツを作成する方法

目次

  1. ログイン(広告主)とは
    1. コンテンツタイプ:ログイン(広告主)
  2. ログイン(広告主)コンテンツの作成
  3. ログイン(広告主)コンテンツの設定
    1. コンテンツ情報
    2. コンテンツ設定
    3. テンプレートHTML
      1. ログインフォームを出力する変数【基本HTML】
      2. エラーを出力する変数【エラー挿入HTML】

ログイン(広告主)とは

コンテンツタイプ:ログイン(広告主)

ログイン(広告主)コンテンツページ

「ログイン(広告主)」コンテンツを作成すると、広告主が管理画面にログインできるページを作成することができます。

ログインに必要な項目を表示するための変数を用意しています。

ログイン(広告主)コンテンツの作成

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

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

コンテンツ作成画面のコンテンツタイプから「ログイン(広告主)」を選択すると、ログイン(広告主)のコンテンツを作成することができます。

コンテンツタイプ:ログイン(広告主)
図2-2:ログイン(広告主)の新規作成

コンテンツタイプ
「ログイン(広告主)」を選択し、ログイン(広告主)コンテンツを作成します。

「ログイン(広告主)」の具体的な設定方法は、以降の「ログイン(広告主)コンテンツの設定」から詳しく解説しています。

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

コンテンツ一覧(ログイン(広告主))
図2-3:ログイン(広告主)の検索結果画面

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

ログイン(広告主)コンテンツの設定

設定項目はコンテンツのタイプによって内容が異なります。 ここでは、「ログイン(広告主)」を作成する方法について解説します。

ログイン(広告主)の編集画面

1. コンテンツ情報

コンテンツ情報(ログイン(広告主))

コンテンツタイプ
ログイン(広告主)を作成します。「ログイン(広告主)」と表示されていることを確認してください。

コンテンツURL
コンテンツ(ログイン(広告主)ページ)のURLとなります。

2. コンテンツ設定

コンテンツ設定(ログイン(広告主))

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

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

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

閲覧権限外の転送URL(ログイン(広告主))

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

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

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

公開設定
コンテンツ(ログイン(広告主))の公開状態を設定します。初期値は「非公開」です。

3. テンプレートHTML

「ログイン(広告主)」コンテンツでは以下の編集エリアを用意しています。

  • 入力画面HTML
  • エラー一覧HTML

ログインフォームを出力する変数【基本HTML】

広告主専用のログインフォーム(入力フォーム)を出力するコンテンツ全体のHTMLを記述します。こちらのコードをベースに、入力画面のコンテンツを作成します。

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

メールアドレスとパスワードを入力するための変数が使用可能です。

ログイン(広告主)のフロント側の表示例
図4-1:ログイン(広告主)のフロント側の表示例
Attention

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

[form_start]
  <div class="mod-form">
    <div class="block-group" data-mh="mh-group">
      [error]
      <div class="mod-form-block">
        <dl>
        <dt>メールアドレス</dt>
        <dd>[login_id]</dd>
          <dt>パスワード</dt>
        <dd>[login_pass]</dd>
        </dl>
      </div>
      <!-- /.mod-form-block -->
    </div>
    <div class="btn-block btn-login">
      <input type="submit" value="ログイン">
    </div>
    <!-- /.mod-form-btn -->
  </div>
  <!-- /.mod-form -->
[form_end]

メールアドレスとパスワードの入力フォーム項目の変数を用意しています。

 
【入力画面HTML】の変数例
フロント側の表示変数
メールアドレス[login_id]
パスワード[login_pass]

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

会員のメールアドレス情報とパスワード情報のチェックを行い、入力内容に不備がある場合、エラーメッセージを出力します。

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

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

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

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

製品情報

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

関連記事