<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Contact Form 7  |  太郎は考えた</title>
	<atom:link href="https://tarohakangaeta.com/tag/contact-form-7/feed/" rel="self" type="application/rss+xml" />
	<link>https://tarohakangaeta.com</link>
	<description>WEBマーケターが役立つ情報発信</description>
	<lastBuildDate>Fri, 02 Oct 2020 11:36:22 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.5.18</generator>

<image>
	<url>https://tarohakangaeta.com/wp-content/uploads/2020/06/cropped-f_f_object_165_s256_f_object_165_0bg-32x32.png</url>
	<title>Contact Form 7  |  太郎は考えた</title>
	<link>https://tarohakangaeta.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Googleフォームのメリット、デメリット【WordPress】</title>
		<link>https://tarohakangaeta.com/site-optimization/tool/google-forms/</link>
					<comments>https://tarohakangaeta.com/site-optimization/tool/google-forms/#respond</comments>
		
		<dc:creator><![CDATA[太郎（毎日サイト更新中）]]></dc:creator>
		<pubDate>Fri, 02 Oct 2020 11:34:38 +0000</pubDate>
				<category><![CDATA[WEBツール紹介]]></category>
		<category><![CDATA[Contact Form 7]]></category>
		<category><![CDATA[Googleフォーム]]></category>
		<category><![CDATA[フォーム]]></category>
		<category><![CDATA[問い合わせフォーム]]></category>
		<guid isPermaLink="false">https://tarohakangaeta.com/?p=1224</guid>

					<description><![CDATA[無料のGoogleフォーム（WEBサービス）で簡単にお問い合わせフォームを作成できる事をご存知でしょうか？ ・Googleアカウトを持っていればだれでも無料問い合わせフォームを作成できる ・設定はとても簡単 ・プラグイン [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>無料のGoogleフォーム（WEBサービス）で簡単にお問い合わせフォームを作成できる事をご存知でしょうか？</p>



<p>・Googleアカウトを持っていればだれでも無料問い合わせフォームを作成できる</p>



<p>・設定はとても簡単</p>



<p>・プラグインを使わなくても問い合わせフォームを作成できる</p>



<p>とメリットが多い一方でデメリットもあります。</p>



<p>この記事では私がGoogleフォームを実際にサイトに設定し・使った感想や気付きを共有いたします。</p>




  <div id="toc" class="toc tnt-number-detail toc-center border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Googleフォームのメリット</a><ol><li><a href="#toc2" tabindex="0">Googleフォームメリット1つ目</a></li><li><a href="#toc3" tabindex="0">Googleフォームのメリット2つ目</a></li><li><a href="#toc4" tabindex="0">Googleフォームのメリット3つ目</a></li></ol></li><li><a href="#toc5" tabindex="0">Googleフォームのデメリット</a><ol><li><a href="#toc6" tabindex="0">Googleフォームのデメリット1つ目</a></li><li><a href="#toc7" tabindex="0">Googleフォームのデメリット2つ目</a></li></ol></li><li><a href="#toc8" tabindex="0">最後に</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Googleフォームのメリット</span></h2>



<h3><span id="toc2">Googleフォームメリット1つ目</span></h3>



<p>・<span class="marker-blue">すぐ作成できる</span></p>



<p>Googleアカウントは皆さんGoogle Analytics等サイトに設定されているので持っていると思いますが、</p>



<p>別途アカウント作成は不要で、同じアカウントでログインすれば</p>



<p>即座にフォーム作成できます。Googleフォームは<a rel="noopener" target="_blank" href="https://www.google.com/intl/ja_jp/forms/about/" data-type="URL" data-id="https://www.google.com/intl/ja_jp/forms/about/">こちら<span class="fa fa-external-link external-icon anchor-icon"></span></a></p>



<h3><span id="toc3">Googleフォームのメリット2つ目</span></h3>



<p>・<span class="marker-blue">プラグインが不要</span></p>



<p>HTMLを触らなくても、機能を追加できるのがプラグインの良いところですが、</p>



<p>プラグインのセキュリティのスキをついたアタック</p>



<p>サイトが重たくなり、表示スピードが遅くなる</p>



<p>というデメリットがあります。</p>



<p>一方Googleフォームはプラグインなしで作成できます。</p>



<h3><span id="toc4">Googleフォームのメリット3つ目</span></h3>



<p>・<span class="marker-blue">設定が簡単</span></p>



<p>入力フォーム作成で有名な無料プラグイン<a href="https://tarohakangaeta.com/site-optimization/beginner/inquiry-form/" data-type="URL" data-id="https://tarohakangaeta.com/site-optimization/beginner/inquiry-form/" target="_blank">「Contact Form 7」とほぼ同手順で設定<span class="fa fa-share internal-icon anchor-icon"></span></a>。</p>



<p>ショートコードを固定ページに貼り付けるだけです。</p>



<h2><span id="toc5">Googleフォームのデメリット</span></h2>



<h3><span id="toc6">Googleフォームのデメリット1つ目</span></h3>



<p>・<span class="marker-blue">Google Analyticsで問い合わせ数を計測できない</span></p>



<p>問い合わせ送信後に完了ページに移動させる</p>



<p>という設定ができれば<a href="https://tarohakangaeta.com/site-optimization/tool/contact-form-7/" data-type="URL" data-id="https://tarohakangaeta.com/site-optimization/tool/contact-form-7/" target="_blank">Google Analyticsで非常に簡単に問い合わせ数を計測<span class="fa fa-share internal-icon anchor-icon"></span></a>でき、サイトの改善につなげる事ができるのですが、</p>



<p>Googleフォームは問い合わせ完了ページに移動させる設定ができません。</p>



<h3><span id="toc7">Googleフォームのデメリット2つ目</span></h3>



<p>・<span class="marker-blue">自分のメアドに問い合わせを転送させる設定が大変</span></p>



<p>Contact Form 7の場合はコピペで10秒くらい設定できますが、Googleフォームの場合HTMLなど複雑な設定をしないと、定めたメールアドレスに問い合わせが転送されません。</p>



<p>解説した記事は沢山みつかるのですが、難しくて私は設定できませんでした。。。</p>



<h2><span id="toc8">最後に</span></h2>



<p>私は一時Googleフォームを使ってましたが結局、<a href="https://tarohakangaeta.com/site-optimization/beginner/inquiry-form/" target="_blank">Contact Form 7<span class="fa fa-share internal-icon anchor-icon"></span></a>　に変更しました。</p>



<p>しかしGoogleフォームはある程度HTMLが触れる方だとカスタマイズのしがいのあるサービスですので、勉強を兼ねて設定してみるのは良いと思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tarohakangaeta.com/site-optimization/tool/google-forms/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者向け】Contact Form 7のお問合せ数をGAで計測する方法</title>
		<link>https://tarohakangaeta.com/site-optimization/tool/contact-form-7/</link>
					<comments>https://tarohakangaeta.com/site-optimization/tool/contact-form-7/#respond</comments>
		
		<dc:creator><![CDATA[太郎（毎日サイト更新中）]]></dc:creator>
		<pubDate>Fri, 25 Sep 2020 14:06:08 +0000</pubDate>
				<category><![CDATA[WEBツール紹介]]></category>
		<category><![CDATA[Contact Form 7]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[問い合わせ]]></category>
		<guid isPermaLink="false">https://tarohakangaeta.com/?p=1167</guid>

					<description><![CDATA[この記事の対象者 ・ワードプレスをご利用中の方で、 ・さらに、問い合わせフォームにプラグインのContact Form 7を使っている方向けの記事です。 ・HTMLなど不慣れな初心者の方 この記事でわかる事 ・Conta [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><span class="marker-blue">この記事の対象者</span></p>



<p>・ワードプレスをご利用中の方で、</p>



<p>・さらに、問い合わせフォームにプラグインのContact Form 7を使っている方向けの記事です。</p>



<p>・HTMLなど不慣れな初心者の方</p>



<p><span class="marker-blue">この記事でわかる事</span></p>



<p>・Contact Form 7で作成した問い合わせページから問い合わせが入った際に、</p>



<p>Google Analyticsでその数（問い合わせ数）を計測させる方法を解説します。</p>



<p>様々な方法がありますが、コピペだけで完了する<span class="marker-under-red">最も</span><span class="marker-under-red">簡単な方法</span>をご紹介します。</p>




  <div id="toc" class="toc tnt-number-detail toc-center border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Contact Form 7をGoogle Analyticsで計測させる為に必要なこと</a></li><li><a href="#toc2" tabindex="0">Contact Form 7で作成した（初期設定のままの）フォームで問い合わせをするとどうなる？</a></li><li><a href="#toc3" tabindex="0">Contact Form 7に問い合わせ完了ページ（サンクスページ）を作成する方法</a><ol><li><a href="#toc4" tabindex="0">【ステップ1】Redirection for Contact Form 7というプラグインをインストールする</a><ol><li><a href="#toc5" tabindex="0">Redirection for Contact Form 7のインストール方法</a></li></ol></li><li><a href="#toc6" tabindex="0">【ステップ2】Contact Form 7に機能が追加されているか確認する</a></li><li><a href="#toc7" tabindex="0">【ステップ3】固定ページに問い合わせ完了ページを作成する</a></li><li><a href="#toc8" tabindex="0">【ステップ4】Contact Form 7を設定する</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">Contact Form 7をGoogle Analyticsで計測させる為に必要なこと</span></h2>



<p>結論：</p>



<p>問い合わせ完了ページ＝サンクスページを作成する必要があります。</p>



<h2><span id="toc2">Contact Form 7で作成した（初期設定のままの）フォームで問い合わせをするとどうなる？</span></h2>



<p>問い合わせが完了してもページが切り替わらず、</p>



<p>そのままでページで「お問合せありがとうございます」等のメッセージが表示されるだけのはずです。</p>



<p>これではGoogle Analyticsでコンバージョンとして計測されません。</p>



<p>なので前述の結論の通り、</p>



<p>問い合わせが完了すると→問い合わせ完了ページ（サンクスページ）に遷移させるよう、</p>



<p>Contact Form 7の設定を変更する必要があります。</p>



<p>→つまりContact Form 7に問い合わせ完了ページ（サンクスページ）を作成する方法を、ここから下で解説していきます。</p>



<h2><span id="toc3">Contact Form 7に問い合わせ完了ページ（サンクスページ）を作成する方法</span></h2>



<h3><span id="toc4">【ステップ1】Redirection for Contact Form 7というプラグインをインストールする</span></h3>



<p> この無料のプラグインRedirection for Contact Form 7とは？</p>



<p>既にインストール済みのContact Form 7に機能を追加するプラグインです。</p>



<h4><span id="toc5">Redirection for Contact Form 7のインストール方法</span></h4>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="473" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-1024x473.jpg" alt="" class="wp-image-1168" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-1024x473.jpg 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-300x139.jpg 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-768x355.jpg 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-1536x710.jpg 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグイン-‹-太郎は考えた-—-WordPress-2-2048x947.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>手順</p>



<p>0,WordPressにログイン</p>



<p>1,左メニューの「プラグイン」をクリック</p>



<p>2,上部にある「新規追加」をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="438" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-1024x438.jpg" alt="" class="wp-image-1169" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-1024x438.jpg 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-300x128.jpg 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-768x329.jpg 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-1536x657.jpg 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/プラグインを追加-‹-太郎は考えた-—-WordPress-1-2048x876.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>3,右上の入力欄に　<strong>Redirection for Contact Form 7</strong>　と入力</p>



<p>4,上記赤枠で囲ったプラグインの「今すぐインストール」をクリック</p>



<p>5,インストール後「有効にする」をクリック</p>



<h3><span id="toc6">【ステップ2】Contact Form 7に機能が追加されているか確認する</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="400" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-1024x400.png" alt="" class="wp-image-1170" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-1024x400.png 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-300x117.png 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-768x300.png 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-1536x601.png 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-1-2048x801.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>※すでにContact Form 7で問い合わせページを作成している前提で説明します。</p>



<p>手順</p>



<p>1,左メニューにある「問い合わせ」をクリック</p>



<p>2,「お問合せページ」をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="651" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-1024x651.jpg" alt="" class="wp-image-1171" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-1024x651.jpg 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-300x191.jpg 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-768x488.jpg 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-1536x976.jpg 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-2-2048x1301.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>3,グレーのタブの所に「Redirect Settings」が追加されていたら成功です！</p>



<h3><span id="toc7">【ステップ3】固定ページに問い合わせ完了ページを作成する</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="272" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-1024x272.png" alt="" class="wp-image-1172" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-1024x272.png 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-300x80.png 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-768x204.png 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-1536x408.png 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページ-‹-太郎は考えた-—-WordPress-2048x544.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>手順</p>



<p>1,左メニューの「固定ページ」をクリック</p>



<p>2,左上部にある「新規追加」をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="438" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-1024x438.png" alt="" class="wp-image-1173" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-1024x438.png 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-300x128.png 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-768x329.png 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-1536x657.png 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/固定ページを編集-‹-太郎は考えた-—-WordPress-2048x876.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>※私の場合無料テーマcocoonですが、他のテーマの方とほぼ同じだと思います。</p>



<p>3,ページタイトルに　お問い合わせ完了　等 ※任意のタイトルをつける</p>



<p>4,本文に　問い合わせありがとうございます！　等　※任意の文言を記述</p>



<p>5,固定ページのURLを設定する　私の場合は　inquiry-thanks　等　※任意のURL記載</p>



<p>私の場合のURLは　https://tarohakangaeta.com/inquiry-thanks/　としました。</p>



<p>6,あなたが定めた上記お問い合わせ完了ページ（固定ページ）のURLをコピーする</p>



<h3><span id="toc8">【ステップ4】Contact Form 7を設定する</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="659" src="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-1024x659.jpg" alt="" class="wp-image-1174" srcset="https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-1024x659.jpg 1024w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-300x193.jpg 300w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-768x495.jpg 768w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-1536x989.jpg 1536w, https://tarohakangaeta.com/wp-content/uploads/2020/09/コンタクトフォームの編集-‹-太郎は考えた-—-WordPress-3-2048x1319.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>手順</p>



<p>1,先ほどのステップ2の時と同様ににお問い合わせページを開く</p>



<p>2,グレーのタブの所に「Redirect Settings」をクリック</p>



<p>3,入力欄に先ほどコピーした問い合わせ完了ページのURLを貼り付ける</p>



<p>4,Use external URLの欄にチェックを入れる</p>



<p>5,保存をクリックしたら完了です。</p>



<p>問い合わせ数計測の為のGoogle Analytics側の設定については<a href="https://tarohakangaeta.com/site-optimization/beginner/ga-cv-measurement/" data-type="URL" data-id="https://tarohakangaeta.com/site-optimization/beginner/ga-cv-measurement/" target="_blank">こちら<span class="fa fa-share internal-icon anchor-icon"></span></a>の記事をご覧ください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://tarohakangaeta.com/site-optimization/tool/contact-form-7/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
