サポート » プラグイン » “Contact Form 7”で完了画面の遷移について

  • 解決済 woshibaobao

    (@woshibaobao)


    以前、業者に作成してもらったサイトを修正したいと思っています。

    なにぶんWordPress初心者ですので、質問内容が伝わりにくい点や質問するには不足情報も沢山あると思いますので「ここはどうなってるの?」と誘導尋問していただけると助かります。

    【やりたい事】
    ある企画の申込みページで、申込者が情報を入力後に「送信」を押下時、固定ページで作成したthanksページに遷移したい。
    (現在は、“Contact Form 7”の「コンタクトフォームの編集」の「メッセージ」タブにあるメッセージが、申込ページの下に表示される。)

    【やった事】
    1)同サイト内で、“Contact Form 7”を使っている問合せページ(固定ページ)からは、固定ページで作成したthanksページに遷移しているので、参考の為にどのようにやっているか調査。
    footer.php内で、下記スクリプトを記載していることがわかった。

    <?php if(is_page(‘contact’)):?>
    <script type=”text/javascript”>
    document.addEventListener( ‘wpcf7mailsent’, function( event ) {
    var hostname = window.location.hostname;
    location.href = “遷移先URL”;
    }, false );
    </script>
    <?php endif; ?>

    2)上記スクリプトをコピーし、下記2か所を変更すればよいのではないかと考えた。
     2-1)is_page(‘contact’) 
     2-2)location.href = “遷移先URL”;

    【困っていること】
    1)is_page()の引数が、今回固定ページではなく投稿記事になるため、どのように指定すればよいのかわからない。
    ・各企画のURLが下記のような場合は「kikaku_info」がスラッグになるの?
    https://www.ドメイン名/kikaku_info/1118/  ←1118は投稿の番号
    ・投稿の番号は、都度変わるので、ワイルドカードが使えるの?
    2)もし他ページに遷移うるようになったら、“Contact Form 7”の「コンタクトフォームの編集」の「メッセージ」に指定している入力内容に不備が見つかった場合のメッセージなども出なくなるの?
    (実験すればわかるのでしょうが、如何せん遷移するようにできないので実験してみることができません)

    以上、よろしくお願いいたします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • CG

    (@du-bist-der-lenz)

    最初に基本から、is_page(‘contact’)であるので、固定ページの「コンタクト」以外ではトリガーは引かれない。それがif():で挟まれているので、条件分岐されて<?php endif; ?>までのスクリプトが実行されることはありません。

    こんにちは

    正しい情報はこちらにあります。

    https://contactform7.com/ja/redirecting-to-another-url-after-submissions/

    さて、実現する方法ですが、functions.phpなどに記載するこでも可能ですが、そのような機能を提供しているプラグインがいろいろあります。

    例)https://ja.wordpress.org/plugins/contact-form-7-freebie/

    このようなプラグインを使えば、お困りの1、2共に解消されます。
    正常に送信された場合のみ遷移しますので、エラーメッセージなどは表示されます。

    トピック投稿者 woshibaobao

    (@woshibaobao)

    CGさま・munyaguさま

    レスありがとうございます。
    (書き込んだつもりのレスが反映されていなかった)

    >最初に基本から、is_page(‘contact’)であるので、固定ページの「コンタクト」以外ではトリガーは引かれない。それがif(と):で挟まれているので、条件分岐されて<?php endif; ?>までのスクリプトが実行されることはありません。
    承知しております。
    私の書き方が悪かったですね。
    「コピーし。。。」というのは、コピーしelseifで条件分岐されたいという意図でした。

    プラグインのご案内ありがとうございます。
    リンク先で下記情報を見つけました。
    フォーム送信を Google Analytics でトラッキングする
    今回私がthanksページに飛ばしたかった理由はまさにコレです。
    研究してみます。

    CG

    (@du-bist-der-lenz)

    is_page()の引数が、 わからないという点の認識を確認した次第です。その辺り大雑把にも把握できていないとプラグインをいきなり勧めても、また門を叩かれると思いましたので。

    Analyticsので提示される最新のトラッキングコードではgtag.jsを使うようになっています。
    この場合、見つけられたページでのサンプルコードを変更する必要があると思います。
    以下のページを参考にしてください。

    https://developers.google.com/analytics/devguides/collection/gtagjs/events?hl=ja

    トピック投稿者 woshibaobao

    (@woshibaobao)

    CGさま・munyaguさま

    またまた、早速のレスありがとうございます。

    >is_page()の引数が、 わからないという点の認識を確認した次第です。
    ご丁寧に確認ありがとうございます。

    >Analyticsので提示される最新のトラッキングコードではgtag.jsを使うようになっています。
    おー、そうだったんですね。(調査が既に周回遅れw)
    gtag.jsについて勉強します。
    あれ? そうすると最初のおまじない(ページトラッキングコードのやつ)もgtag仕様に変える必要があるのかな? こちらも合わせて勉強ですね。
    最新情報のご提供ありがとうございます。

    トピック投稿者 woshibaobao

    (@woshibaobao)

    munyaguさま

    どうやらgtag.jpでカウントできるようになったようです。
    ありがとうございました。

    現状GAで、
    既存の他ページに遷移するページは、コンバージョンにてカウント、
    今回追加したページは行動のイベントにてカウント、
    となってしまっているので、
    これらをどちらも同じようにGA上で表示(処理?解析?何と説明すれば。。。)するために、今度はGAの勉強します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「“Contact Form 7”で完了画面の遷移について」には新たに返信することはできません。