LoginSignup
3
1

More than 3 years have passed since last update.

WordPress Contact Form 7でフォーム送信時、Ajaxで非同期送信できない時の解決法

Posted at
1 / 2

背景

  • WordPressで記事LPを実装するために、フォーム送信をトリガーに、広告発火タグを仕込みたい

課題

  • Contact Form 7でフォームを送信時、一般的にはAJAXで非同期でフォームが送信される
  • 送信後、コンタクトフォームが #wpcf7-f123-o1 のような見慣れないコードが後ろについた URL にリダイレクトされる
  • なぜか非同期ではなく、毎回リロードされるようになってしまった
  • シークレットモードで実行すると、問題なく非同期で送信可能

原因

  • フォームの送信の際、refillが行われる。その際キャッシュが残ってしまうことで、AJAX送信にエラーがでる。
  • Contact Form 7 でキャッシュを持たないようにしてあげる必要がある

解決策

  • 以下のソースコードを、footer部分に実装することで解決した
<script type="text/javascript">wpcf7.cached = 0; </script>

参考

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1