seesaaブログにメールフォーム（お問い合わせ）をつくる方法｜formuz版

アドセンスの審査をseesaaブログで独自ドメイン化して審査を
受ける人は多いと思う。

 

WordPressに慣れている人なら問題ないがWordpressの構築に
手間は取られ記事は書かなければとなるとテンションは
下がってしまいます。

 

また誰かに聞いてというわけにもいかない。

 

サジェストキーワードを眺めていて反応したのが
メールフォームだった。苦労したからね。

 

無料ブログの中でseesaaにはメールフォームという
プラグインというかコンテンツ素材がないのである。

 

これがFC2やlivedoorなら存在するので取り敢えずカッコは
つく。

 

アドセンスでは2016年位からgoogleのヘルプフォーラムで

 

• プライバシーポリシー
• プロフィール
• メールフォーム

 

これらを実装しなさいというのが定説でこのときseesaaでよちよち
ブログを書き始めたタイミングなら、もろ壺にはまってしまう。

 

今回記事はFC２のメールフォームをかくつもりだった。
しかし他の記事をみているとformzu(フォームズ)の
レンタルメールフォームがビジュアル的にFC2より素晴らし
かったので今回やってみた。

 

簡単じゃございません(#/__)/ ドテ

 

しかしあのデザインをみたらもうFC2のメールフォームには
もどれませんよ～

 

【FC2】

 

 

 

 

 

 

 

 

 

【formzu】

 

 

 

 

 

 

 

 

 

formuz(フォームズ)でお問い合わせをサイドバーに作る

 

formuz(フォームズ)はコチラ

 

最初にお使いのメールアドレスを記入してメールフォームを作るをクリック

 

 

 

 

 

最初にフォームタイトルとパスワードを決めます。
フォームタイトルはメールフォームでもいいですよ。

 

 

 

 

 

 

 

ここで基本のフォームをクリックすると

 

 

 

 

 

 

テンプレートが選択できるのですが
今回は基本のフォームでつくります。

 

 

 

 

 

同意して進むをクリック

 

 

 

 

 

 

 

下記の画面になりますので最初にデザインを決めます。

 

 

 

 

 

 

 

 

 

 

テーマをクリック

 

 

 

 

 

 

 

 

テーマをクリックしますと上の画面に適用され雰囲気を
確認できます。

 

 

 

 

 

 

 

 

今回は地味に青にします。

 

 

 

 

 

 

 

 

現在の設定を更新してメインメニューに戻ります。

 

 

 

 

 

 

 

 

 

 

フォームを保存をクリックします。
何故デザイン設定でもっと細かく設定しなかったかというと
実際ブログに貼ってみないと感覚がつかめないからです。

 

 

 

 

 

 

 

 

 

確認がされますので保存します。

 

 

 

 

 

 

 

 

 

 

下記内容が登録メールに送られます。
フォームIDがわからなくなると修正ができなくなります。
今回設定に使うURLは自動振分けURL（レスポンシブ）です。

 

 

 

 

 

 

 

 

 

 

 

自動振分けURL（レスポンシブ）をメモ帳にコピーした状態で
下部のログアウトしてトップページに戻るをクリックします。

 

 

 

 

 

 

 

 

 

設置方法をクリックします。

 

 

 

 

 

 

 

 

 

先程の自動振分けURL（レスポンシブ）をフォームURLに貼り付け
タグ生成をクリックしますとフォーム設置HTMLタグがでてきます。
これがブログのバナーに貼るタグになります。

 

 

 

 

 

 

 

 

 

seesaaのデザイン⇒PC ⇒コンテンツ画面にいきます。

 

 

 

 

 

 

 

左の自由形式をドラックして右サイドバー領域迄もっていきます。
歯車をクリックします。

 

 

 

 

 

 

 

 

自由形式に貼り付けて保存する。フォームズの難しいところは
最終的にここでフレーム枠を調整するのと前出のデザイン設定でも
調整して2つの設定が合致して完成させなければならないのだ。
コツがつかめればできます。

 

 

 

 

 

 

 

 

 

 

 

 

seesaaは自由形式で保存して更に下のコンテンツも保存
しなければ反映しない。よくコンテンツ保存を忘れてしまうのだ。
自由形式で保存して設定完了がでるからね。

 

 

 

 

 

 

 

 

 

デフォルトでこんな状態です。入力枠がはみでてますね。
但しこれもseesaaのテンプレート自体のサイドバーが
同じでないためテンプレートごとに微調整がいります。
できればスクロールも出ないほうが良い。

 

 

 

 

 

 

 

 

 

 

 

入力欄が出張っているのはフォーム基本情報の下の
メールアドレスをクリックするとパラメータ変更というのが
あるのでここをクリックする。

 

 

 

 

 

 

 

ここの文字数を変えると入力欄の長さが変わる。

 

 

 

 

 

 

 

お名前、お問い合わせ内容、理屈は同じです。
ここでデザイン設定に戻ります。

 

 

 

 

 

 

 

サイズ・位置・フォントをクリックします。

 

 

 

 

 

 

フォントの大きさの設定があります。

 

 

 

 

 

 

 

 

フォームの横幅・寄せの設定
タイトルの幅・寄せ
タイトルを表示しない等の設定があります。
上の画面で設定が即反映されてどのように
表示が変わるか確認できます。

 

 

 

 

 

 

 

 

 

行間設定もできます。
1.0が最小です。

 

 

 

 

 

 

 

その他も細かい設定があるのですが
好みがありますので割愛します。
設定が終われば左の更新をクリックします。

 

 

 

 

 

 

 

 

真ん中の設定更新はここで押さなくていいと思うんですが
押しといたほうが無難です。左下のメインメニューをクリック。

 

 

 

 

 

 

 

 

フォーム保存をクリック

 

 

 

 

 

 

 

 

 

確認されますのでクリックして保存

 

 

 

 

 

 

 

 

 

これとseesaaの自由形式に貼り付けたタグの
height: 500px; max-width: 600px
数値を調整しながら収めます。

 

一旦バナーに貼るとフォームズ側の設定でバナーの
メールフォームも変わります。

 

またメールに送られたフォームIDがわからなくなると修正できなく
なりますので保存をお願いします。

但しフォームIDを探し出す方法もあるようです。

 

FC2とformuzの差がさほどなければ、ほとんど調整のいらない
FC2でもいいと思いますがここまで見栄えに差がでれば多少
苦労してもformuzを設置すべきです。

 

お好み焼き屋の奥の部屋でエステ会員募集しても
厳しい感覚とお察しください。

 

とりあえずともかく設置するに重点をおいた説明でした。