PICK UP A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く!サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。 個別指導Webスクール 個人事業主様・経営者様・起業副業など自分のビジネスのためにホームページの作り方を習得するスクール
当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分! カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく Contact Form 7で送信完了ページにリダイレクトしたり、Googleアナリティクスのトラッキングを取るためにon_sent_okフックを使っているんですが、 on_sent_ok のフックを使用する方法は現在では非推奨になっています。この機能は2017年中に廃止される予定です。 とのこと。 on_sent_okフックを使かわないでDOMイベントで対応するそうです。 詳しくは公式サイトにも書かれていますが、備忘録として残しておきます。 on_sent_ok を DOM イベントに置き換える送信完了後に別ページにリダイレクトする場合(サンキューページへ遷移す
サイトのトラフィックを Google Analytics で監視しているなら、同様にフォーム送信も追跡したいと思うでしょう。この記事では Google Analytics 4 (GA4) でフォーム送信イベントを追跡する方法について解説します。 注意: この記事では Google Analytics の基本的な使い方に関する説明は行いません。まだ Google Analytics についてよく知らない方は先に Google の資料をご参照ください。Google の Site Kit プラグインを使えば GA4 の導入と WordPress サイトでのセットアップを簡単に行うことができるでしょう。 イベント追跡 Google Analytics にイベントを送信するには gtag() 関数をコールします:
WordPressプラグインの「Contact Form 7」では、簡単にお問い合わせフォームを作成することができますね。 しかし標準ではお問い合わせ完了ページ(サンクスページ)を実装する機能はなく、以下のように同一ページ内にメッセージが表示されます。 しかし、フォーム送信後は送信完了ページに遷移させたいという場合がありますよね。 そこで今回の記事では、Contact Form 7でお問い合わせを送信後に、完了ページに遷移させる方法を紹介します! Contact Form 7でフォームを作成固定ページ「お問い合わせページ」を作成固定ページ「お問い合わせ完了ページ」を作成完了ページ遷移に必要なタグを記入
フォーラムに投稿する前に、かならず以下のチェックリストを確認してください。問題解決がスムーズになり、回答者の負担も軽減されます。 質問する前に 同様の質問がすでにされていないでしょうか? フォーラムの検索フォームで検索してください。 ユーザーのブログ等でその問題について取り上げられているかもしれません。Google などの検索エンジンで調べてみましょう。 トラブルシューティングの基本 すべてのプラグインを無効化し、同時にテーマをデフォルトのテーマに戻して再度試してみましょう。それで正常に動くなら一つずつ元に戻してみて、どれが問題を引き起こしているか絞り込むことができるはずです。 キャッシュが問題に関係している場合があります。ブラウザのキャッシュを削除して再度試してみてください。また、WordPress のキャッシュプラグインを使用している場合はそれを停止し、キャッシュファイルをクリアして試
ウェブサイトを運営する上で、「お問い合わせフォーム」は重要な役割を担います。 お問い合わせフォームを設置することで、 サイトの利便性が向上ユーザーからのフィードバックが得られるサービスへの申し込みが見込めるお仕事の依頼が来ることがある といったメリットがあります。 企業サイトはもちろん、最近では個人ブログの多くが「お問い合わせフォーム」を設置しています。 しかし、サイト運営に必須のお問い合わせフォームですが、「対策をしないとスパムメールが多い」という問題があります。 何も対策をしないでいると、(特に海外からのロボットによると思われる英語や中国語の)スパムメールが毎日のように届くことがあり、メールの確認や削除といった作業に時間を奪われることになります。 以下の画像のように、スパムメールの多くは本文にリンクが含まれており、ウェブサイトへアクセスさせることを目的としています。 こういったリンクに
投稿日:2021年9月13日 先日のブログ で紹介した、郵便番号から都道府県と住所を自動入力するjQuery ajaxzip3 と、ふりがなを自動入力するautoKana をContact Form 7 で作成したフォームに実装したいと思います。 ▲Contact Form 7 インストールして有効化します。 ▲有効化するとメニューにお問い合わせが表示されるので、新規追加を選択します。 ▲タイトル名を任意につけ、ショートコードを利用してフォームの項目を作ります。 青地箇所のショートコードを固定ページにペーストし、表示設定でホームページとして設定します。 今回はコーディングも含め下記のような記述にしました。 <span style="color:red">※</span>は必須 <label> 氏名<span style="color:red">※</span> [text* your
Contact Form 7 を利用したフォームで迷惑メールが届くようになったので、reCAPTCHAの設定と合わせて”フリガナ”の項目を追加して全角カタカナ又は平仮名の入力をチェックするバリデーションを追加しました。 Contact Form 7 “フリガナ”のバリデーションを追加 全角カタカナ又は平仮名のバリデーション 以下のコードを functions.php 等へ追加することで、”your-kana”という名前で追加したフリガナの入力項目に対して全角カタカナ又は平仮名のバリデーションを追加することが出来ます。 /** * Contact Form 7 "フリガナ"のバリデーションを追加する */ function custom_wpcf7_validate_kana($result,$tag) { $tag = new WPCF7_Shortcode($tag); $name =
こんばんはエンジニアの眠れない夜です。 Contact Form 7 を使っていてスパムに悩まされる事はありませんか? 今回はContact Form 7で簡単にできるスパム対策をご紹介します。 ※ 間違っているところなどありましたらご指摘くださいm(_ _)m Contact Form 7 でスパム対策 コンタクトフォーム7をブログに設置しているとスパムが大量に来るようになります。 スパムが来始めると本当に必要な問い合わせが埋もれてしまって、業務に支障をきたしてしまいますよね。 そこで、今回は入力フォームに日本語が含まれているかをチェックするプログラムを追加してスパム対策を行います。 コピペでできるので是非試してみてください(^^)v Contact Form 7 で日本語入力判定 Contact Form 7 で日本語判定を追加するにはテーマフォルダーの中にある functions.p
ある日、お客様からの緊急SOS。「全部英文のメールがじゃんじゃん来て通知が止まらない!」 内容を確認したところ、名前が英文(URL付き)で件名と本文は空欄でした。まず本文を必須項目に。お問い合わせ内容も、日本語以外はお断りしておくことにして、「本文に日本語(ひらがな)が無いと送れないようにするには…検索っと」 Tanweb.net さんの「Contact Form 7 海外からのスパム対策!お問い合わせ本文が全て英語の場合は送信できないようにする」という記事からソースを使わせて頂きました。 下記のコードを fanction.php に貼り付け。エラー文は任意のテキストに変えられるとのことなので、実装時に変更しました。 code //メールフォームの textarea にひらがなが無ければ送信できない(contact form7) add_filter('wpcf7_validate_tex
contact form7でお問合せフォームを作成 contact form7をインストール後、お問合せフォームを作成します。 今回作成したコードはこちらです。(cssは省きます。) <table> <tr> <th> <label for="form2">お名前 ふりがな</label> <span class="required">必須</span> </th> <td> <div> 姓[text* yourlastname-kana id:form2] </div> <div> 名[text* yourfirstname-kana id:form2] </div> </td> </tr> <tr> <th> <label for="form3">お名前</label> <span class="required">必須</span> </th> <td> <div> 姓[text*
Akismet Anti-Spamの代替としてもおすすめ 以前まではコメント系のスパムに対して無料で利用できるプラグインといえば『Akismet』を使っていたという方も多いかもしれません。実際、同プラグインはかなりの精度でスパムをブロックしてくれるので便利ではあるのですが、ビジネスサイト、企業サイトでの利用は有料(サブスクリプション)ライセンスの契約が必要です。また、最新のライセンス条件では個人が運用するサイトであっても…… サイトに広告が無い事 つまりアフィリエイトや、Googleアドセンスなどを導入しているサイトもNG サイト内で製品/サービスを販売していない事 個人でも何かしら販売していたらNG サイト内でビジネスを宣伝していない事 特定のビジネスに関する誘導(リンク)や、外部決済サービスなどへのプロモーションリンクなどはNG といった条件から外れる場合は無料では使えません。有料サブ
ここ最近中国IPからロボットが大量に来てたので、何かなと思ってたら、お問い合わせフォーム探しだったよう。 お問い合わせフォームへのログ以降、毎日何通ものスパム書込み。ごみメール分別も面倒なので、お問い合わせフォームにロボット対策の CAPTCHA 認証を導入。 Contact form 7 純正?で導入が簡単な Really Simple Captcha を入れてみました。 以下のような文字認証画面です。 CAPTCHA 導入後、確かに減ったもののまだ来る。 どうも画面分析機能を持ったロボットもいるみたい。 というわけで、アルファベットや数字じゃなくひらがなを指定したい、と思って色々検索。 するとGithubで下記のプラグインにたどり着いた。 BcChloe simple captcha このBcChloeさんの Captcha は、Really Simple Captcha のひらがな対
WordPress で問合せフォームを設置する時に使用する定番プラグインと言えば、「Contact Form 7」。簡単な設定だけですぐにフォームが設置できるものの、何も対策をせずに放置していてスパムが来るようになり頭を抱えている人もいるのではないかと思います。もし今大丈夫でも、ある日突然スパムが来るようになる可能性が高いので今のうちから対策しておきましょう。 ここで紹介する対策は、メールの本文に日本語が含まれていない場合はエラーを返しメール送信できないようにするというものです。WordPress 5.4 で動作確認済み。もし英語のメールを受け取ることを想定しているような場合は、最後に紹介する「Contact Form 7」の「クイズ」機能を使った方法を試してください。 日本語/全角の割合をチェック(厳しめ) 日本語が含まれていない場合にエラーを返す方法については、いくつかのサイトで紹介さ
「Contact Form 7」はお問い合わせフォームを簡単に設置でき、様々なカスタマイズも可能なので、多くのサイトで紹介・使用されているプラグインのひとつだと思います。 公式サイトでも多くの情報がありますし、人気のあるプラグインなので検索でもいろいろと出てはくるのですが、これだけ見れば良いっていう自分好みの感じのものを作りたかったので、使う頻度が高い使用方法やカスタマイズなどを備忘録としてまとめてみました。 紹介している内容は、WordPress Ver 3.5.1 と Contact Form 7 Ver 3.4.1 で確認等行ったものです。 Contact Form 7について フォームを作成する際、ほとんどの場合PHPなどのプログラミング知識が必要になってきます。 よほどの知識・技術がある人であれば容易に作ってしまうのかもしれませんが、ゼロからのフォーム作成は結構面倒ですし、知識が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く