またまたContactFormに悩まされましたよっと。

何もいじった覚えはない、更新もしていなかったのだけれど事件は起きました。

「サンクスページに遷移しない、404が出る」と。なんということでしょう…。

試行錯誤の結果、プラグインの「Contact Form 7 Controls」が解決してくれました。

 

経緯など、詳しくは以下をご一読ください。

 

ContactForm開発者は「遷移するなんて時代遅れ、しなくてもコンバージョンは取れる」

ということで代案を提示してくれていますが、代案もGoogleAnalyticsのコンバージョンのとり方しか書いてないですよね。

クライアントさん、ヤフーのリスティングも使ってるんです。でもタグが分かりません。

分からないので、どうしてもサンクスページが必要なわけです。

そこで開発者の提供している以下のタグを入れました。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com/thanks';/* 遷移先のURL */
}, false );
</script>

めちゃくちゃ不安定…。

header、footer、function…色々なところにおきましたがブラウザや媒体によってまちまち。

function.phpに入れるとほとんどの媒体、ブラウザで動きました。(以下コードです)

add_action( 'wp_footer', 'add_thanks_page' );
function add_thanks_page() {
echo <<< EOD
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https://example.com/thanks/'; /* 遷移先のURL */
}, false );
</script>;
EOD;
}

が、しかし…!

スマホのChromeで試行すると遷移してくれない!!!Why!

もうお手上げだよ…と思いつつ最後の力を振り絞って検索しました。

「助けてGoogle先生!!!!」

 

先生みつけました(泣)

こちらのブログ(webcreator.meさん)で紹介してくれているプラグインがあっさり解決してくれました。

神プラグインです。その名も「Contact Form 7 Controls」。

 

私の場合は遷移しないことが問題だったので、以下の欄にサンクスページのURLを入れただけ!!

わぁ~遷移するやん!

まじContact Form 7 Controlsはんぱないって。

 

更に調べてみるとContactFormのエラーに関する詳しい記事を発見。

こちらの記事(デジタルノマド教科書@WordPressブログさん)を読んでみると

一番上のAJAX Submissionsにもチェックを入れたほうが良いかもしれません。

はぁ〜、この記事を最初にみつけていたらどんなに時間を無駄にせずに済んだのだろう…。

最重要スキル「検索ワードの見当」と「検索」。