A-Form の機能紹介
2012年
年10月月10日日
八木 明子 <yagi@ark-web.jp>

[01]現場担当者の⼿で,思い⽴ったらすぐ作れる1

現場担当者の⼿で, 思い⽴ったらすぐ作れる 作成数無制限 = ランニングコスト￥０ プログラムレス, HTMLの知識不要【まずは デモで】2

⼿軽に作れるから, いろいろな活用シーン
 いわゆるお問い合わせフォーム
 イベントやセミナー受講受付フォーム
 残席管理, 期間限定公開
 残席表⽰ A-Form Paymentをプラスして受講料のオンライン決済

 アンケート 実店舗クーポン発⾏
http://www.ark-web.jp/movabletype/demo/aform_pcmobile/online2offline/index.html

3同じフォームを複数ページに埋め込める entryやpage内に[[aformXX]] とおまじないを書く⽅式
 ニュースリリース記事内や,製品ページ内 など, あちこちのページに同じフォームを設置可能
4

外部パラメータで製品名を受け渡すhttp://
YOUR_DOMAIN/../contact2.html?para_product=A-Member

5用意されているパーツなど【管理画⾯で】6

[02]自動返信メールに,おもてなしのココロを♡

7自動返信メールにおもてなしのココロを♡ユーザと管理者宛でメール出し分け
返信先は返信先は管理者

返信先は
返信先はユーザ

Subjectやや
冒頭文・冒頭文・末尾文
出し分け【ユーザ宛ユーザ宛メール】
メール】【管理者宛て管理者宛てメール】
メール】

8

ユーザと管理者宛でメール出し分け

管理画⾯からそれぞれ⼊⼒するだけ

社内向けは社内向けはTo, Cc, Bcc が指定可能

9自動返信メールにおもてなしのココロを♡「⼭⽥ 花⼦さん, こんにちは！」

ユーザ入力値
ユーザ入力値や入力値や, 受付番号を受付番号をメールにメールに差し込み
10

「⼭⽥ 花⼦さん, こんにちは！」ユーザ宛メールの設定画⾯
メールSubject
メール

冒頭挿入文
末尾挿入文

Subjectとと挿入文に挿入文に差し込み用変数が用変数が使える11

「⼭⽥ 花⼦さん, こんにちは！」使える差し込み変数
ユーザ入力値
ユーザ入力値：
入力値： __%PARTS_ID%____%name%__さん、こんにちは！
受付番号：
受付番号： __%aform-data-id%__12「⼭⽥ 花⼦さん, こんにちは！」[Tips]クリック効果測定付きのリンク↓クリックでクーポンげっつ♪
http://YOUR_DOMAIN/PAGE.html?user__%aform?user__%aform?user__%aform-datadata-id%__などと,などと 署名文に署名文に書いておくと…
いておくと誰がクリックしてくれたかクリックしてくれたか
Googleアナリティクス
アナリティクス等アナリティクス等で計測可能
13

[Tips]実店舗クーポン券発⾏“__%shop%__ でのお買でのお買い物”と書いただけ14

[Tips]もっとしつこく自動返信メール活用♡15⼀般的な完了メールはこうですが。。。

ユーザ入力値ユーザ入力値が入力値が控えとして入えとして入る
16

たまに、

「我が社は, 先祖代々メールに個⼈情報は⼊れない
きまりじゃ (-.-)y-~~」という会社もあります。
17メールテンプレートのカスタマイズ
管理者宛メール
管理者宛メール用
メール用

Plugins/AForm/tmpl├ mail_aform_admin.tmpl└ mail_aform_customer.tmpl

ユーザ宛
ユーザ宛メール用
メール用
18メールからユーザ⼊⼒値を抜くには<mt:loop name="fields"><mt:if name="type" eq="label"><$mt:var name="label"remove_html="1"$><mt:else><__trans phrase="*"><$mt:var name="label" remove_html="1"$></mt:if><$mt:var name="label_value"$></mt:loop>
このloopをを削除する
この削除する==================================<$mt:var name="datetime"$>==================================
19

[03]
デザインは,フォーム埋め込み先に倣います20

A-Formのデザイン

フォーム埋め込み先のページの通り

【デモ】

21

フォーム部分のデザインカスタマイズ 基本はCSSで。
 サンプルCSS２パターン同梱してます。

22

mt-static/plugins/AForm/theme/theme01.css (table風風)mt-static/plugins/AForm/theme/theme02.css(縦並
縦並びとcheckboxはは横並び縦並び。凡例が凡例が横。radioと横並び）
23デザインをもっとちくちく弄りたい p(><)q
フォームID
フォーム

Parts_ID

やりすぎるとメンテナンス性悪
メンテナンス性悪くなりますが性悪くなりますが、くなりますが、ここ一番ここ一番の一番のフォームなどにフォームなどにどーぞ ^^;;

24

特定のフォームだけ処理を分けたい→ テンプレートオーバーライド機能

フォルダ [001] を作ってテンプレをテンプレをコピー

25

特定のフォームだけ処理を分けたい→ テンプレートオーバーライド機能
 あるフォームだけ完了画⾯にアフィリエイトコード貼りたいとか、メール書式を変えたいとかそういったケースで。
 量産フォームには向かない。

量産系は共通テンプレ内で判定する⽅がベター<mt:Entries id=“$entry_id”>
カスタムフィールド値を取得してあーしてこーしてなど ^^;26

その他使える変数やタグ タグリファレンス
http://www.ark-web.jp/movabletype/a-form/docs/tags.html

 変数
http://www.arkweb.jp/movabletype/blog/2011/07/aform_getvar.html

27

[04]
そのフォーム,どこがいけなかったんですか？
- PDCAサイクルでコンバージョン率改善-28

PDCAサイクルでコンバージョン率改善

レポートタブ 稼働状況サマリー

フォームごとのフォームごとのPV, セッション数
セッション数, コンバージョン数
コンバージョン数, コンバージョン率
コンバージョン率29

PDCAサイクルでコンバージョン率改善

レポートタブ 稼働状況サマリー

ユーザがユーザがしくじりやすい入力項目
しくじりやすい入力項目,入力項目 エラータイプ,エラータイプ 実際の実際の入力値は？
単に必須項目が多すぎるんだよ
ぶーぶー (｀_´)

。。。とかｗ30

[05]Englishフォーム, できます。
お望みなら 中国語も…

31

A-Formの多⾔語対応

Englishフォーム

フォーム作成時
フォーム作成時に作成時に言語を言語を選択

32

A-Formの多⾔語対応

Englishフォーム

【デモ】

33

A-Formの多⾔語対応

⽇本語以外の⾔語の⽂字コード→ 受付データ(CSVファイル),完了メールは UTF-8 で出⼒されます。

34

ところで⽇英以外の選択肢は？

35

他の⾔語は⾔語ファイルを用意
Plugins/AForm/lib/Aform/L10N├ en_us.pm
ファイル
日本語└ ja.pm ←日本語langファイル
fr.pm
日本語langファイル
ファイルを日本語
ファイルをコピってコピって必要箇所って必要箇所を編集
36

⾔語ファイルのしくみ
A-Formテンプレート
テンプレート言語ファイル
言語ファイル：
ファイル： Plugins/AForm/lib/Aform/L10N/ja.pm‘Confirm’ => ‘確認する','Config Form' => '詳細設定','Manage Data' => '受付データ管理',．．．．．
37

⾔語ファイルの編集箇所
Plugins/AForm/lib/Aform/L10N/fr.pm
package AForm::L10N::ja;← ja を fr（フランス語）に書きかえ

use strict;use base qw( AForm::L10N::en_us ); ←ここはこのママ
use vars qw( %Lexicon );‘Confirm
Confirm’Confirmer',
Confirm => ‘Confirmer
Confirmer'Config Form' => '詳細設定',…

←変えたい箇所をこつこつ編集

38

MT本体がデフォルトで持っていない⾔語の場合

Lib/MT/L10N にない⾔語はここにもファイル追加が必要みたい39[06]簡易CRM機能

40

そういえばさ。。。。。
そういえばさ。。。。。
先週届いたお先週届いたお問いたお問い合わせ返事してくれたよね
返事してくれたよね？
してくれたよね？
え。。(^^;)。。

(-.-)y-~~41

受付データの管理ステータス42

管理ステータスと管理コメント

処理ステータス
処理ステータスはステータスは,フォーム毎フォーム毎に設定可能

処理ステータス
処理ステータスやステータスや, 社内申し社内申し送り情報の情報の共有
43

“そんなのダルい” という⽅は
 今流⾏のセールスフォースで管理 とか「A-Form to Salesforce」でリード/ケース投⼊ プロジェクト管理ツール「Redmine」に自動投稿~ アークウェブはこれで運用中 ~etc...

お気軽にご相談くださいm(__)m
44

[07]
受付データ管理とフォームのアクセス権限の話

45

受付データの保存場所と管理タブ
ユーザ宛完了
ユーザ宛完了メール
宛完了メール
管理者宛完了メール
管理者宛完了メール
CSVファイル
CSVファイル出力
ファイル出力一覧と一覧と個別詳細

MTののDatabase46

CSVダウンロード機能

指定期間
指定期間で期間でダウンロード
47

But…
その受付データ、社内の誰でも⾒られちゃう状態は困ります
…よね？

48

そうでなくても大阪支店の大阪支店の分際で分際で、なんで俺たち東京支店たち東京支店の東京支店のイベント申込
イベント申込み申込みデータをデータを覗くんじゃ。
くんじゃ。ごらぁー
ごらぁー(｀_´)

え。。部長
。。部長
また僕
また僕の作ったフォーム壊フォーム壊しちゃったの？？(^^;;？？
とか、とか、とか、とか、バイトの君がっ
バイトのA君を、ポチしやがりました
ポチしやがりました。
しやがりました。
・°°・°°・(((p(≧□≦(((p(≧□≦)q)))≧□≦)q)))・)q)))・°°・°°・。ｳﾜｰﾝとか、とか、刺激的な刺激的な毎日
49

フォームのアクセス権限(1)そのブログ専用のフォーム
 特定のブログ配下でフォームを作るとそのブログ専用フォームになる 他ブログからは⾒えないし, 使えない
「システム」配下で作ったフォームはどこでも使えるグローバルフォーム。
50

これで大阪⽀店くんと東京⽀店くんは仲直り。
めでたし、めでたし(*^o^*)51

ドジな部⻑と、すっとこどっこいのバイト君はいぬの放置でいいわけ？
疑問??!

52

フォームのアクセス権限(2)ロールで権限を細かく設定•フォームの閲覧• フォームの作成・編集• 受付データの閲覧とCSVダウンロード• 受付データのステータス変更• 受付データクリア

53

54

フォームのアクセス権限(2‘)ロールで権限を細かく設定
 システム権限のあなたは、フォーム操作のすべてが可能

God

55

[Tips]
似たようなフォームは複製機能で56

フォームの複製機能

57

フォームの複製機能
 ⼊⼒パーツや メール設定値がそのまま引き継がれる
 フォーム名は 「コピー 元のフォーム名」
 受付データやレポートデータは, 複製されない
複製直後の公開状態は “無効” 状態
58

[Tips]残席表⽰<mt:AFormReceiveRemain aform_id="3" setvar="cnt"><mt:If name="cnt" gt="0"><p>残り <mt:Var name=“cnt”> 席です (^o^)</p><mt:Else><p>満員になりました m(__)m</p></mt:If>59

[裏技]A-FormテンプレートをMT管理画⾯から編集したい テンプレートモジュールで、「ファイルへのリンク」機能を使う

目的のテンプレート
目的のA-Formテンプレート
ファイルのファイルのパスをパスを入力

60