contactform7で顧客ごとのパラメータを加えたサンクスページへ遷移させる

Question

前提・実現したいこと

wordpressのプラグインcontactform7で顧客ごとのパラメータを加えたサンクスページへ遷移させる

詳細

現在ContactForm7を使っておりフォームを入力していただくと固定のサンクスページに自動でリダイレクトします。

フォーム入力後、メール送信前(wpcf7_before_send_mail)に入力された値を別サービスにAPIを使ってPOSTしております。
POST後Json形式で識別コードが返されるのですが、その値をURLにパラメータとして付与してサンクスページへ遷移させたいのですがどうにもうまくいきません。

WPもPHPも勉強し始めたばかりなのでお力をお貸していただけないでしょうか。

該当のソースコード

//サンクスページ移動
add_action( 'wp_footer', 'redirect_thanks_page' );
function redirect_thanks_page() {
  global $thanks;//サンクスページのスラッグ

  ?>
  <script>
    document.addEventListener( 'wpcf7mailsent', function( event ) {
      location = '<?php echo home_url('/'.$thanks); ?>'; 
    }, false );
  </script>
  <?php 
}

//APIでPOST
add_action( 'wpcf7_before_send_mail', 'my_conversion' );
function my_conversion( $cf7 )
{
//フォームの入力値の取得、整形は省略
$context = stream_context_create($opts);
$response = file_get_contents(
                    $base_url . $post_string//URLとクエリパラメータ
                    ,false
                    ,$context
            );
$result = json_decode($response,true);
	$hashcode = $result->{'キー名'};
$user_data = array(
    'status' => $result['status'],
　　'hashcode' => $result['message']['customer[hashcode]']
);
//echo $user_data[hashcode];
$hashcode = $user_data[hashcode];
	//サンクスページのURL+'?パラメータ名='+$hashcodeに遷移出来たらOK
}
return $cf7;
}

試したこと

サンクスページ移動のコードでは固定ページなので、APIでPOSTのコードのレスポンスになる変数$hashcodeをグローバル変数にしたらと思いましたが、関数の中の変数なのでグローバル化できないようでした。
APIでPOSTのコードでリダイレクトさせようとしたのですが、サンクスページ移動の内容や’location =’を使っても反応しないor <div class="ajax-error">Unexpected token H in JSON at position 0</div>と出て処理が止まります。
多分Ajaxの非同期処理が原因でフォーム入力後の戻り値を受け取れずにリダイレクトしているのかと思ったのですがその回避方法がわからないのと何か根本的にやり方が間違っているような気がして今回質問しました。

補足情報（FW/ツールのバージョンなど）

WP・CF7ともに最新です。

Answer 1

全然違う方法ですが
wpcf7_ajax_json_echoを使うこと出来ました。

Answer 2

wp_footerアクションの実行タイミングがwpcf7_before_send_mailよりも
早いためだと思います。

https://wpdocs.osdn.jp/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3_API/%E3%82%A2%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%95%E3%83%83%E3%82%AF%E4%B8%80%E8%A6%A7

myconversion()の中でredirectするアプローチで変更されると良いと思います。

追記
送信完了時のアクションにフック

function my_mail_sent($contact_form) {
//$resultの処理やリダイレクト
}
add_action('wpcf7_mail_sent', 'my_mail_sent', 10, 1)

Comments

[退会済みユーザー]

ご回答ありがとうございます。
そうなのですね、仰る通り$hashcodeをグルーバル変数にしても値は空でした。
しかしながら
>myconversion()の中でredirectするアプローチで変更されると良いと思います。
この方法がわからないでの困っている現状です…

[madone99]

wp_safe_redirect()は試されましたか？
実行するタイミングとしてはwpcf7_mail_sentの方が良いかも知れないですね。

https://developer.wordpress.org/reference/functions/wp_safe_redirect/

[退会済みユーザー]

wp_safe_redirect()
wp_redirect()
header('Location: ')
などを試してみたのですが、
<div class="wpcf7-response-output wpcf7-display-none" style="display: none;"></div>
<div class="ajax-error">Unexpected token < in JSON at position 0</div>
上記のエラーが出現し送信されなくなってしまいます。
phpよりWPやCF7の何か制約があることは何となくわかるのですが解決策が見当もつきません、

[madone99]

そうなんですね、$responseには正常な値が入っているのでしょうか？
まずそこをクリアしないとダメなようですね。

[退会済みユーザー]

おそらく正常だと思うのですが、myconversion()の中でechoやprint、JSのconsolelogを使うと悉く先述のエラーが出てくるので確認は出来ていません…

[退会済みユーザー]

自動送信メールに$response要素を含ませることはできたので、確認したところやはり正常な値を取得できていました…

[madone99]

コードを追記しました。
wpcf7_mail_sentで各種処理をやられてはいかがでしょうか。

[退会済みユーザー]

ご助言ありがとうございます。
wpcf7_mail_sentでもやはりajaxのエラーが出ました。
少し調べてみたところajaxは動的にページ内のコンテンツを作用させる仕組みなのでリダイレクトの様な操作と干渉するのは当然なのかもしれません。
グルーバル変数で定義しても値が空なのもサーバー側(php)で値を持っているのでフロント側(ajax(javascript))で呼び出しようがないのかもしれません。
ですのでサーバー側でhtmlの要素として書き込んでフロント側でそれを呼び出すという方法で迂回してみようかと思います。(それも出来るのかわからないのですが)