<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。 - Cocoonテーマに関する質問				            </title>
            <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Sat, 17 Oct 2026 23:44:01 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63603</link>
                        <pubDate>Thu, 04 Aug 2022 06:14:09 +0000</pubDate>
                        <description><![CDATA[Akiraさん
スマホの設定を見直し、「次へ」「送信」をタップしたところ、無事に上部の表示が確認できました。
ありがとうございました！]]></description>
                        <content:encoded><![CDATA[<p>Akiraさん</p>
<p>スマホの設定を見直し、<br />「次へ」「送信」をタップしたところ、無事に上部の表示が確認できました。</p>
<p>ありがとうございました！</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>kase</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63603</guid>
                    </item>
				                    <item>
                        <title>RE: Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63597</link>
                        <pubDate>Wed, 03 Aug 2022 14:21:22 +0000</pubDate>
                        <description><![CDATA[@kase さん
以下のテストフォームをスマホで試したところ、「次へ」のタップで最上部にスクロールします。「送信」は試していないため分かりません。※ フォームにはｏｎｌｏａｄ属性が付いていました。
スマホのブラウザの設定で JavaScript が無効になっているということはないでしょうか。]]></description>
                        <content:encoded><![CDATA[<p>@kase さん</p>
<p>以下のテストフォームをスマホで試したところ、「次へ」のタップで最上部にスクロールします。「送信」は試していないため分かりません。※ フォームには<span>ｏｎｌｏａｄ属性が付いていました。</span></p>
<p><a href="https://kasegix.com/testforms/" target="_blank">https://kasegix.com/testforms/</a></p>
<p>スマホのブラウザの設定で JavaScript が無効になっているということはないでしょうか。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>Akira</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63597</guid>
                    </item>
				                    <item>
                        <title>RE: Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63595</link>
                        <pubDate>Wed, 03 Aug 2022 12:52:59 +0000</pubDate>
                        <description><![CDATA[Akiraさん
ご教授ありがとうございます。まず、PCで試しました。
子テーマのjavaスクリプト.jsに、ご紹介頂いたコードを貼り付けました。「次へ」をクリックすると、2ページ目の最上部が表示されました。しかし2ページ目の「送信」をクリックすると、ページ最上部が表示されず、空白のままでした。ですので、ご紹介頂いたコードは、1ページ目でしか機能しないようです。
そこで参考...]]></description>
                        <content:encoded><![CDATA[<p>Akiraさん</p>
<p>ご教授ありがとうございます。<br />まず、PCで試しました。</p>
<p>子テーマのjavaスクリプト.jsに、ご紹介頂いたコードを貼り付けました。<br />「次へ」をクリックすると、2ページ目の最上部が表示されました。<br />しかし2ページ目の「送信」をクリックすると、ページ最上部が表示されず、空白のままでした。<br />ですので、ご紹介頂いたコードは、1ページ目でしか機能しないようです。</p>
<p>そこで参考リンクを確認した所、オンロード属性をiframeに追加するとあったので、オンロードのコードをiframeに追加してみました。</p>
<pre contenteditable="false">ｏｎｌｏａｄ="window.parent.scrollTo(0,0)"</pre>
<p>すると、1ページ目の「次へ」とクリックした後に加え、2ページ目の「送信」をクリックした後も、最上部が表示されるようになりました。</p>
<p>もう一つ、参考リンクにあったスクリプトコードをiframeに追加しました。</p>
<pre contenteditable="false">&lt;script&gt;
document.querySelector("iframe").addEventListener("load", 
    function() {
        window.scrollTo({
    top: 0,
    left: 0,
    behavior: 'smooth'
  });
});
&lt;/script&gt;</pre>
<p>すると、1ページ目の「次へ」とクリックした後に加え、2ページ目の「送信」をクリックした後も、最上部が表示されるようになりました。</p>
<p>次に、スマホで試しました。<br />しかし、javaスクリプト.jsにコードを貼り付ける場合、オンロード属性をiframeに追加する場合、スクリプトコードをiframeに追加する場合、いずれも空白のままでした。<br />スマホの場合は、javaスクリプト.jsのコード、オンロード属性、スクリプトコードは、いずれも機能しない、ということでしょうか？<br />できれば、スマホにも対応できる何かがあると嬉しいのですが。。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>kase</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63595</guid>
                    </item>
				                    <item>
                        <title>RE: Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63593</link>
                        <pubDate>Wed, 03 Aug 2022 10:51:18 +0000</pubDate>
                        <description><![CDATA[投稿が二重になったため削除。]]></description>
                        <content:encoded><![CDATA[<p>投稿が二重になったため削除。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>Akira</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63593</guid>
                    </item>
				                    <item>
                        <title>RE: Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63592</link>
                        <pubDate>Wed, 03 Aug 2022 10:49:18 +0000</pubDate>
                        <description><![CDATA[私は Google Forms や Google Apps Script に詳しくありません。ただ、この動作は仕様のように思えました。少なくとも Cocoon や WordPress が原因ではないのは確実です。
解決方法は kase さんがおっしゃるように、Cocoon か iframe に何かを加えることのように思えます。検索したところ、以下の 2 つが出てきました。いず...]]></description>
                        <content:encoded><![CDATA[<p>私は Google Forms や Google Apps Script に詳しくありません。ただ、この動作は仕様のように思えました。少なくとも Cocoon や WordPress が原因ではないのは確実です。</p>
<p>解決方法は kase さんがおっしゃるように、<span>Cocoon か iframe に何かを加えることのように思えます。検索したところ、以下の 2 つが出てきました。いずれも質問内容は、kase さんと同じく「送信した後に上にスクロールしたい」です。</span></p>
<ul>
<li><a href="https://stackoverflow.com/questions/59792460/how-to-make-page-scroll-to-top-after-submit-button-is-pressed-in-google-form" target="_blank" rel="noopener">How to make page scroll to top after submit button is pressed in google form?</a></li>
<li><a href="https://forum.bubble.io/t/google-forms-in-iframe-scroll-to-top-after-submit/151014" target="_blank" rel="noopener">Google Forms - in iFrame (scroll to top after Submit)</a></li>
</ul>
<p>「JavaScript を追加するか、iframe に  ｏｎｌｏａｄ属性を追加するのはどうでしょう」との回答です。</p>
<p>例えば、子テーマの javascript.js に以下のコードを追加すると kase さんのご希望の動作になるでしょうか？</p>
<pre contenteditable="false">const googleForm = document.querySelector('iframe');
if (googleForm !== null) {
  googleForm.addEventListener('load', () =&gt; {
    if (window.scrollY &gt; googleForm.clientHeight) {
      googleForm.scrollIntoView();
    }
  });
}</pre>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>Akira</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63592</guid>
                    </item>
				                    <item>
                        <title>Googleフォームで上にスクロールしなくても、次のページや画像認証画面が表示されるようにしたいです。</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63591</link>
                        <pubDate>Wed, 03 Aug 2022 07:00:59 +0000</pubDate>
                        <description><![CDATA[不具合・カスタマイズ対象ページのURL
相談内容：Cocoonのサイトに、Googleフォームでアンケートフォームを設置し、画像認証画面が画面上に表示されるようにしたいです。Googleフォームでアンケートフォームの設置はできています。
問題は、フォームに入力をした後、画面が一番上に移動しないため、画像認証画面を表示するには、ユーザーが上にスクロールしないといけない点です。画...]]></description>
                        <content:encoded><![CDATA[<p>不具合・カスタマイズ対象ページのURL：<br />https://kasegix.com/testforms/</p>
<p><br />相談内容：<br />Cocoonのサイトに、Googleフォームでアンケートフォームを設置し、画像認証画面が画面上に表示されるようにしたいです。<br />Googleフォームでアンケートフォームの設置はできています。</p>
<p>問題は、フォームに入力をした後、画面が一番上に移動しないため、画像認証画面を表示するには、ユーザーが上にスクロールしないといけない点です。<br />画面が一番上に移動しないのは、「次へ」をクリックした時も同様です。</p>
<p>Googleフォームの専用入力ページ（外部サイト）では正しい挙動をします。<br />しかしCocoonのサイトにiframeで貼り付けた場合、ページ上部に移動しないという不具合が起こります。<br />ということは、Cocoonかiframeに何かを加えれば、問題は解決できるかもしれないと思いました。</p>
<p>どうすれば、「次へ」と「送信」をクリックした際、ページが上部に移動するようになるでしょうか？</p>
<p>状況を理解しやすいよう、フォームに試し入力できるように、以下にサンプルページを作成しました。<br />https://kasegix.com/testforms/</p>
<p>プラグインは全て無効化して試しましたが、変わりませんでした。<br />もし本問題が、Googleフォームの仕様だということでしたら、諦めます。<br />宜しくお願い致します。</p>
<p><br />＜補足1＞<br />Googleフォームでは、「メールアドレスを収集する」をONにし、<br />「回答のコピーを回答者に送信」を「常に表示」にすると、reCAPTCHA v2が機能するようになります。</p>
<p>＜補足2＞<br />アンケートページを複数ページ（複数セッション）にすると、最下部に「次へ」ボタンが出てきます。<br />「次へ」をクリックすると、画面が真っ白になります。<br />上にスクロールすると、次のページが出てきます。</p>
<p>＜補足3＞<br />最終ページの「送信」をクリックすると、デバイスによっては画像認証画面が出てきます。<br />しかし補足2と同様、画面が真っ白になるため、上にスクロールしないと画像認証画面が出てきません。<br />スマホの場合、10回以上、上にスクロールしないと画像認証画面が出てきません。<br />そのため、お客様は画像認証をしていないため回答を送信できてい状態にも関わらず、回答を正しくしたと思ってしまいます。</p>
<p>＜補足4＞<br />サイト上では上にスクロールしないと画像認証画面が出てきませんが、Googleフォームの専用画面（外部ページ）だと正しく挙動し、ページ上部に移動します。<br />iframeかCocoonの仕様で、上手く動いていないように思います。</p>
<p>＜補足5＞<br />サンプルページ<br />https://kasegix.com/testforms/</p>
<p>に、</p>
<p>Googleフォーム　テストフォームの外部リンク<br />https://forms.gle/wTCQe7oaqorgdaa77</p>
<p>コード<br />&lt;iframe src=”https://docs.google.com/forms/d/e/1FAIpQLSf3igHlkWLvf3ptqgEGKW6O-hxgtGVXQWt_pT1MMxZ0A2EzKg/viewform?embedded=true” width=”100%” height=”5000″ frameborder=”0″ marginheight=”0″ marginwidth=”0″&gt;読み込んでいます…&lt;/iframe&gt;</p>
<p>iframeでサイトに貼り付けたフォーム</p>
<p>を載せました。<br />宜しくお願い致します。</p>
<p><br />環境情報：<br />----------------------------------------------<br />サイト名：稼げるサイトの作り方<br />サイトURL：https://kasegix.com<br />ホームURL：https://kasegix.com<br />コンテンツURL：/wp-content<br />インクルードURL：/wp-includes/<br />テンプレートURL：/wp-content/themes/cocoon-master<br />スタイルシートURL：/wp-content/themes/cocoon-child-master<br />親テーマスタイル：/wp-content/themes/cocoon-master/style.css<br />子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css<br />スキン：/wp-content/themes/cocoon-master/skins/skin-mixred/style.css<br />WordPressバージョン：6.0.1<br />PHPバージョン：7.4.28<br />ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36<br />サーバーソフト：Apache<br />サーバープロトコル：HTTP/1.1<br />言語：ja,en-US;q=0.9,en;q=0.8<br />----------------------------------------------<br />テーマ名：Cocoon<br />バージョン：2.4.7<br />カテゴリ数：6<br />タグ数：0<br />ユーザー数：1<br />----------------------------------------------<br />子テーマ名：Cocoon Child<br />バージョン：1.1.1<br />style.cssサイズ：2590バイト<br />functions.phpサイズ：203バイト<br />----------------------------------------------<br />Gutenberg：1<br />AMP：1<br />PWA：1<br />Font Awesome：5<br />Auto Post Thumbnail：0<br />Retina：1<br />ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg<br />----------------------------------------------<br />ブラウザキャッシュ有効化：0<br />HTML縮小化：0<br />CSS縮小化：0<br />JavaScript縮小化：0<br />Lazy Load：1<br />WEBフォントLazy Load：1<br />----------------------------------------------<br />利用中のプラグイン：<br />Aurora Heatmap 1.5.4<br />BBQ Firewall 20220517<br />Broken Link Checker 1.11.17<br />Contact Form 7 5.6.1<br />Disable Generate Thumbnails 2.10<br />Google XML Sitemaps 4.1.5<br />Invisible reCaptcha 1.2.3<br />UpdraftPlus - Backup/Restore 1.22.14<br />Wordfence Security 7.6.0<br />WP Multibyte Patch 2.9<br />XO Security 3.3.0<br />----------------------------------------------</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>kase</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/google%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%a7%e4%b8%8a%e3%81%ab%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%aa%e3%81%8f%e3%81%a6%e3%82%82%e3%80%81%e6%ac%a1%e3%81%ae%e3%83%9a/#post-63591</guid>
                    </item>
							        </channel>
        </rss>
		