グローバルサイトをつくるCGI（11）
コンタクトフォーム機能を付けた。自動翻訳機能付き。
自動翻訳機能付きコンタクトフォーム
メールフォーム機能は絶対付けようと思っていたのだけれど、実装方法をどうしようか悩みました。contact.htmlってファイル名にしたら勝手にフォームもくっつく！みたいな形にしようとか、ページにチェックつけたらフォームを出すとか、モバイルログみたいにページタイプでメールフォームタイプにさせるとか、いろいろ考えた。
しかし、翻訳の事などをアレコレ考えたらAjaxになった。AjaxはAnalyticsのコンバージョンが取れないので避けようと思っていたのだけど、忘れててAjaxにしてしまった。でもIPログも取るのでどこからどうやってたどり着いて送信に至ったかはわかるのでよしとしよう。
いまは出っぱなし状態だけど、どこかにメールアイコンを付けてズルッと出す感じにする。送信に至ったページが日本語以外の場合はメッセージ欄を日本語に翻訳した文章を併せて送信する機能も付いている。べつに翻訳サイトで翻訳してもらっても良いとは思うんだけどね。
フォームをオーバーレイさせる時に困ったのがiOS（iPad、iPhone）のYoutube。iOSでYoutube埋め込みは特別扱いされてz-indexに関係なく最前面に表示される。youtubeの上にオーバーレイできないってこと。wmodeも当然きかない。なので、iOSとAndroidの場合はYoutubeからサムネイル画像を引っ張ってきて普通のリンク画像とした。iPadでのユーザビリティは少し落ちるが、フォームが見えなければ意味が無い。
あとaudioタグ対応ブラウザの場合は送信後に音がなります。Ajaxで画面遷移しないから「送信したった！」感が無かったので。あとはもちろんスマートフォンにも完全対応やで！！
これでとりあえず実装したい機能はほぼ実装できた！あとは売るだけだっ！！
それが一番メンドクセー！！
和田憲幸の広告
- BTOパソコン
- www.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。
- 事業再生のSTP
- www.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。
- ドライフラワー卸売り
- www.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。
- 通話録音装置 ネイクス
- www.neix.co.jp通話録音装置や通話録音システムのことならネイクス。
- インプラント 東淀川区上新庄
- www.higashi.ne.jp東淀川区上新庄でインプラントや矯正歯科ならひがし歯科で決まり！
- 吉野川 ラフティング
- www.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。
- ホームページ制作 アルバイト
- next-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。
- 札幌 美容室 アイウィル
- www.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。
- WEBLOGS6.1.0
- www.synck.jpこのブログはシンクテクニカのウェブログでつくられています
- 札幌 ホームページ制作
- www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。
- iPhoneで内線電話
- www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。
- 新潟リフォーム
- www.neohouse.jp新潟で注文住宅とリフォームはネオハウス。
