CF7 add confirmとGoogle Sheets Connectorを併用すると重複してスプレッドシートに追加される問題の打開策

目次

• 打開策
• 手順
• 何が起こっていたか

打開策

確認画面と送信時に2回送られてしまう現象については､一旦諦めます｡

その代わり､送信時のみ「submit」列にボタン文言が入るようにし

(この例だと5行目を採用すれば良い)

「submit」列にフィルターをかければ､送信された情報のみ並べることができます｡

このような方針でいきます｡

手順

確認ボタンのほうは､特に触る必要はなくて

<input type="submit" value="確認">

送信ボタンのほうに､何かしらのname属性を設定するのがゴールです｡

<input type="submit" name="submit" value="送信">

まず､Contact Form 7編集画面から送信ボタンに何かしらのidかclassを振ります｡

[submit id:submit "送信"]

こんな感じにします｡

するとこのように出力されるので

<input type="submit" id="submit" value="送信">

JSで送信ボタンのname値を設定します｡

$("#submit").attr("name", "submit"); //送信ボタンのname値を「submit」に設定
/* == or == */
document.getElementById("submit").setAttribute("name", "submit"); //バニラなJavaScriptならこう

これで､送信時のみ「submit」という情報が送られるようになります｡

あとはスプレッドシートの方に「submit」列を作成 (name値と合わせてください)

このように情報が入るので

「submit」列にフィルターをかければ完成です｡

何が起こっていたか

「Contact Form 7 add confirm」と「CF7 Google Sheets Connector」を併用すると

確認画面へ遷移するタイミングと

送信するタイミングでスプレッドシートに情報が送信され

スプレッドシートに同じ情報が2つ送られてしまいます｡

確認画面へ進んだり戻ったり繰り返されたら地獄ですね...

定かではありませんが「CF7 Google Sheets Connector」の仕様でtype="submit"が押されたときにスプレッドシートへ情報が送信されるようで

確認画面へ遷移するボタンも､送信ボタンも両方type="submit"なので2回送られてしまうのだと思います｡

コメント