フリーランスのエンジニアになって4年。事前に知っておくべき年収の相場や案件のお話。

ド田舎から地方都市(名古屋)に出てフリーランスのシステムエンジニア(プログラマー)として独立した管理人S。フリーエンジニアの現実をお伝えしています。

ブログ

Contact Form 7 と Google Tag Manager を一緒に使うといろいろ面倒みたい→嘘でした。YouTubeのiframeにclass指定したら動きました。

2016/09/07

2016/09/07 追記

現象とまとめ。

  • CF7 を使った問い合わせページのコンバージョン測定がしたかった。
  • がテストしても Google Analytics 側で思うような測定結果にならない。
  • GTM(Google Tag Manager)を使っているのが原因かなぁ・・。外してみる。
  • 状況変わらず。あれ、よく見ると 承諾確認(acceptance) のチェックボックスをチェックしていないのに、送信ボタンがクリックできるようになってる・・。なんだか変だ。
  • 結果としては、同ページ内にあったYouTubeの埋め込み部分、<iframe ・・・> に class='dummy-class' 属性を入れてやったら動いた。

ということでした。

 

 


なんだか高機能で便利そう、という理由でGoogle Tag Manager(GTM)を使ってみているんだけれど、Contact Form 7 からのコンバージョン測定がうまくいかず嵌ったのでメモ。

要するに↓ここを読んでね、ということなんですけれど。

  • Contact Form 7 on WordPress with Google Tag Mananger
    http://dcarlbom.com/google-tag-manager/contact-form-7-on-wordpress-with-gtm/

AdWordsからのコンバージョン測定をしたかったのだけれど、コードをごにょごにょ書くのもイヤになってきたので、素直にリダイレクトさせようと決断。が、動かない・・。

検索してすぐに出てるのが、CF7の「その他の設定」画面で on_sent_ok ... のコードを書くべし、というもの。

  • 送信後に異なる URL にリダイレクトさせるには | Contact Form 7 [日本語] http://contactform7.com/ja/redirecting-to-another-url-after-submissions/

が、試しにAlert("OK");でテストしても動いてくれない・・(がフォームからメールはちゃんと飛んでる)

というわけでGTMを疑って、ざっくり削除。

・・が、挙動変わらず。

いろいろと試してみた結果、問い合わせフォーム内にあったYouTubeの埋め込み部分、<iframe ・・・> に class='dummy-class' 属性を入れてやったら動きました。

原因については追っかけてません・・m(_ _;)m ので、最新版ではきちんと動いたりするのかも。

新しい記事が追加されたらメールでお知らせ

新しい記事が追加されたらメールでお知らせ

新しい記事が追加された時、自動的にメールでお知らせ致します。 こちらのフォームにメールアドレスを入力してお申し込みください。

-ブログ
-, , , , ,

オススメ

エージェントさんに会いに行く:フリーエンジニアになってみた。 1
プログラマ/エンジニア向けフリーランス転向相談会@名古屋(金山)

当サイトの管理人Sがいつもお世話になっている、名古屋のエージェント担当さん(営業部長さん)にお願いして、エンジニアさん向け個別相談会を開催することになりました。フリーランスへの転向について、気になっていること、実際の現場について、気軽に質問して頂ける良い機会になれば嬉しく思います ...

2
「いまフリーエンジニアになろうとしているあなたへ」電子書籍、発売しました。僕が経験した暗黒時代、そしてフリーランスになる直前までを無料公開中。

電子書籍、発売しました。Kindleでお読みいただけます。Kindleオーナーシップライブラリー、Kindle Unlimited対象作品です。 このページでは、「はじめに」の自己紹介から、僕が経験した暗黒時代、そしてフリーランスになる直前までを無料サンプルとしてお読みいただけま ...

%d人のブロガーが「いいね」をつけました。