「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

モバイルサイト(iphone)で2回ク...
 
共有:
通知
すべてクリア

[解決済] モバイルサイト(iphone)で2回クリックしないとページが移動しません

53 投稿
5 ユーザー
72 Likes
2,344 表示
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

いつもお世話になっております。

この度、不具合がありましたのでトピックをたてさせていただきました。

カテゴリ違いでしたら大変申し訳ございません…。

 

不具合・カスタマイズ対象ページのURL:

https://nakanosan-chi.com/

 

相談内容:

自分でモバイルサイトの確認をしていたところ発覚したのですが、2回タップしないとリンク先へページが移動しないことに気が付きました。

おすすめカードやホーム・サイドバーボタン等(おそらく他ページ内のリンクすべてかもしれません)を一度タップすると背景が薄くなる(PCでいうカーソルをのせたときの状態)になり、もう一度タップするとページへ移動する、といった状態です。

ネット検索をしてみたところホバーが影響しているのではないか?というところまではわかったのですがその後どう対応していいかわからず、途方に暮れています。

・iphoneは iOS 15.4.1

・アンドロイドでは未確認

解決策はありますでしょうか。

宜しくお願い致します。

 

解決のために試したこと:

ネット検索出てきたCSS

例えば

@media screen and (min-width: 640px) { a:hover { opaciry: .5; } }

のようなCSSを「追加CSS」に入力してみましたが特に変化はありませんでした。

子テーマに追加するなどのサイトもありましたが、子テーマに入力しても反映されたことが今までなかったので「追加CSS」より試してみました。

 

環境情報:

----------------------------------------------
サイト名:中のさん家
サイトURL: https://nakanosan-chi.com
ホームURL: https://nakanosan-chi.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-season-winter/style.css
WordPressバージョン:5.9.3
PHPバージョン:7.4.25
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.41 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.3
カテゴリ数:9
タグ数:18
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2022/04/ogp.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddToAny Share Buttons 1.8.4
Ad Inserter 2.7.13
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.2.3
Autoptimize 3.0.3
Broken Link Checker 1.11.16
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.5.6
Content Views 2.4.0.5
Custom Taxonomy Order 3.4.0
EWWW Image Optimizer 6.5.0
FileBird Lite 4.9.8
Flying Scripts by WP Speed Matters 1.2.2
Rich Table of Contents 1.2.6
Rinker 1.9.6
SiteGuard WP Plugin 1.6.1
Smash Balloon Instagram Feed 6.0.5
Ultimate Category Excluder 1.5
Universal Star Rating 2.1.0
WebP Converter for Media 4.3.2
Wp-Insert 2.5.0
WP Emoji One 0.6.0
XML Sitemaps 4.1.1
----------------------------------------------


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

前略、nakano3さん

プラグインの全部停止は試されましたか?

Autoptimizeはcocoonと併用すると不具合を起こすことがわかっています。

This post was modified 2年前 by リフィトリー

   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

特にAutoptimizeは、停止しただけでは、不具合は解消しないようなので、削除した方が無難かと思います。


   
nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

プラグイン全部停止など試せる、プラグインがあったはず。

 

出先で移動中なので、検索しにくいのです

 

https://nelog.jp/health-check-and-troubleshooting-plugin

This post was modified 2年前 by リフィトリー

   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

リフィトリーさんの仰っているのは、おそらく以下かと思われます。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

 

【追記】

あら、もうリンクしてありますね。

上記プラグインを使用すると、ログインユーザーのみ、プラグインの停止したり、テーマを変更できたりします。
(未ログインユーザーには影響がない。)

 

ちなみに、私はおすすめカードしか確認しておりませんが・・・。

Windows10、及び、Androidでは、nakano3さんが仰るような事象は発生しませんでした。


リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

画像じゃないリンクだと、症状はでなかったりしますか?

iPhoneからですが、乗り物に揺られているので検証しにくいのです。

EWWW Image Optimizerの遅延読み込みはoffになっていますか?


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

リフィトリーさん

Androidで、モバイルフッターボタンの「ホーム」「サイドバー」を確認しましたが、特に問題ないです。

1度のタップで機能します。

 

EWWW Image Optimizerの遅延読み込みは、おそらくONです。
ただ、それだけでなく、他の何かも影響がありそうな感じです。
何かは正直、分からないです。

 


nakano3さん

以下のプラグインの、遅延読み込み(LazyLoad)機能が、ONになっているようでしたら、OFFにしてください。

投稿者:: @nakano3

EWWW Image Optimizer 6.5.0

WordPress 5.5以降は、標準でネイティブLazyLoadに対応しており、プラグインの機能を必要としません。

むしろ、機能重複により、不具合が発生します。

 


 

すみません、しばらく晩御飯で離席します。


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

食事中なもので、スマホからですが。

もしかすると、以下は関係あるかもしれないです。

iPhoneユーザーではないもので、分かりませんが。

[iPhone/iPad]画面を2回選択しないとアプリケーション選択やスクロールができません。対処方法を教えてください。
https://www.softbank.jp/support/faq/view/17076

 

nakano3さんは、離脱なさっているようですので、サイトの設定は、しばらく変わらないものと思われます。

今の状況で推測できることを、書いておくしかなさそうです。


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

今帰ったばかりなので、詳しくみていないのですが、リロードしてモバイルフッターボタンでも1回だとリンク先へ変遷しないようです。

おススメカードだと、1回で変遷したり、しなかったり・・・


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

ちなみに、私が試したところ、Windows 10、及び、Androidでは発生していないのです。

他の方の端末では発生するのか、ご確認をお願いしたいです。

特に、iPhoneだとは思いますが、Windows、Mac、Androidなどでもお試しいただけると良いと思います。

 

【追記】

リフィトリーさんの端末では、発生しているのですね。

【追記2】

Androidでリロードしても、やはり1度のタップで機能します。


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

nakano3さん

やはり、以下の案内にあるようにプラグインの全停止は最初に試してみることだと思います。

 

初めての方は必ずお読みください

https://wp-cocoon.com/read-me-for-using-fourm/

 


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@mk2_mk2 さん

投稿者:: @mk2_mk2

リフィトリーさんの端末では、発生しているのですね。

はい、それっぽい症状は見られます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 
投稿者:: @leafytree

プラグインの全停止は最初に試してみることだと思います。

私もそう思います。

プラグインの数も多いですし、何が影響しているか、分かりにくいと思います。

まずは、全停止だと思います。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

環境情報をよく見たら、子テーマを使っていないんですね。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

主婦の方だと今時分は、忙しい時間帯ですね。

 

私も、外します。

This post was modified 2年前 by リフィトリー

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

一応、親テーマ・子テーマに関係するトピックも貼っておきます。

 

[解決済] 親テーマと子テーマについてです。

https://wp-cocoon.com/community/postid/34811/

 

Cocoonテーマをインストールする方法

https://wp-cocoon.com/theme-install/


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

iPhone、Chromeでは、こんなこともあるらしいです。

https://twitter.com/kibito0012/status/1517718751315394560

 

私の環境(Windows10、及び、Android)では起きないみたいで、何とも・・・です。
(他の方のAndroid等ではどうなんでしょう。)


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

検索して、以下のようなサイトを見つけました。

iphoneで2回タッチしないとリンクが飛ばない時の対処方法
https://nldot.info/if-you-dont-touch-the-iphone-twice-and-the-link-doesnt-fly-how-do-you-handle-it/

上記サイトによると、原因は「hoverなどが当たっている場合のiOSのバグ」だそうです。

(少なくとも私のAndroidでは発生しないです。)

 

とりあえず「hover」を外して、試してみても良い気はします。

それで解消すれば、「hover」が原因と言えると思います。


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

少なくとも「不具合報告」の書き込みの前に、プラグインを全て停止して症状が再現するかどうかは、確かめてみると良いような気がします。

 

プラグインを全て停止して症状が再現しない場合は、プラグインをひとつずつ有効化して、症状が再現するかどうか確認していき、どのプラグインが原因かを探ると良いような気がします。

 

個人的にはソースコード圧縮系、画像読み込み遅延系、JavaScript読み込み遅延系のプラグインは使わない方が無難かと思います。(Webの知識に精通した方なら、上手に利用している方もいらっしゃるとは思いますが、そういった方は、フォーラムに質問などせずとも自己解決できる方かと推測します)

 

あとWordPressを日本語環境で利用する場合、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。こちらはインストールしておいた方が無難かと思います。

 

This post was modified 2年前 2回 by リフィトリー

   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

このcocoonのサイトや私のサイトのフッターモバイルボタンは、私のiphone os15.4.1では2タップを必要としないです。


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

nakano3さん

このフォーラムに宣伝用のトピックがあります。

 

この宣伝用のトピックには、いろいろな方のCocoonを利用したサイトのリンクがありますので、iPhoneでアクセスしてみて、ご自身のサイトと比べてみるのも良いかもしれません。

 

Cocoonでサイトを始めました【宣伝用】

https://wp-cocoon.com/community/postid/27027

 

あと、もし子テーマを導入されていない場合は子テーマを導入されることをオススメします。

 

https://wp-cocoon.com/community/postid/61318/

This post was modified 2年前 by リフィトリー

   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

とりあえず、いろいろ書かせていただきましたが・・・。

以下の理由により、まずは原因として可能性としてあるものを、ひたすらに書かせていただいた次第です。

  • nakano3さんが、いつフォーラムにお見えになるか分からない
    (ご依頼した無効化等のご対処をいただかないと、こちらでの確認が難しいものもあります)
     
  • nakano3さんが、フォーラムにお見えになったとしても、今度はこちら側がフォーラムにいるとは限らない

 

たくさん書いてしまい、混乱してしまうかもしれませんが、上記の点、ご了承いただければと思います。
 


先にも何度か出ていますが、真っ先にすべきは、全プラグインの停止だと思います。

サイト表示に影響があるのが嫌だという場合は、先にご紹介したプラグインをご利用ください。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

 

上記により、以下のような大きな切り分けができ、調査確認がし易くなると思います。

  1. 全プラグインの停止で改善した場合
     
    何らかのプラグインが原因
    続いて、どのプラグインが原因かを探る
     
  2. 全プラグインの停止で改善しなかった場合
     
    プラグイン以外が原因と考えられるので、他の原因を探る

 


なお、次の返信では、お問い合わせ内容以外のことも書かせていただきます。
(気づいてしまいましたので、書いておこうと思います。)


   
わいひら and nakano3 reacted
(@chu-ya2)
New Member Registered
結合: 2年前
投稿: 2
 

notouchstart属性がHTML中にない事に起因します。


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 
投稿者:: @chu-ya2

notouchstart属性がHTML中にない事に起因します。

こちらは、私がリンクしたサイトに記載されています。
(hoverが関係している・・・という話で。)

ただ、原因として確実と、今の段階で言えるものかは・・・。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

お問い合わせ内容とは別件でが、気づいてしまいましたので、書かせていただきます。

現在、nakano3さんのサイトには、以下の警告が出ています。

 
AdSenseは「data-type」「data-src」をサポートしていないという警告だと思います。
 
headタグ内の自動広告コードを確認すると、以下のような状態で、「data-type」「data-src」が記載されていますが、これはAdSenseから取得したコードには、ないものだと思います。
 
 
これは、意図して改変したものか、もしくはプラグインの影響で改変されたものかは分かりませんが・・・。
(おそらくプラグインかと思ってはいますが、断言はできないです。)
 
以下にあるように、AdSenseが許可した改変ではないと思われます。
 
 
但し、「禁止されているコードの改変方法」にも記載はありません。
そのため、断言はできませんが、ポリシー違反の可能性はあるかもしれないという印象を持ちます。
無用のトラブルを避けるためにも、個人的には、改善なさった方が良いのかなと思います。
 

そして、上記の自動広告コードが、headタグ内にある状態ですが・・・
 
マニュアル広告のコードも現在設置されている状態と思います。
 
基本的には、これは一方のみを設置するものであり、併用することはないと思います。
こちらも改善なさった方が良さそうには思います。
 
また、上記の書きました「data-type」「data-src」については、のマニュアル広告のコードにも指定されてしまっている状態です。
 

 


 
上記は、このようにすべきと、私が断言するものではありません。
(Google関係者にしか言えないと思いますので。)
 
ご判断は、nakano3さんがなさってください。
 

   
わいひら and nakano3 reacted
(@chu-ya2)
New Member Registered
結合: 2年前
投稿: 2
 

@mk2_mk2 

すみません、見逃してました。

私も書かれてるサイト見ました。

iphoneで自分のサイトを確認しましたが、hoverアクションする部分で、同様の事があり。

bodyにnotouchstart属性を定義した事で解決しましました。

タッチデバイスの動作に関する属性なので、追加した方が良いかと思います。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

chu-yaさん

「hover」が原因であれば・・・ですよね。

まだ、今はそう言える段階ではないと思っています。

もちろん可能性はあるのですが、ちょっと他のこともあり、手順を踏んだ方が良いと思っています。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

先程、途中になってしまい、画像が添付できなかったものがあります。

 

https://wp-cocoon.com/community/postid/61327/

上記の以下の部分です。

投稿者:: @mk2_mk2
そして、上記の自動広告コードが、headタグ内にある状態ですが・・・
 
マニュアル広告のコードも現在設置されている状態と思います。
 
基本的には、これは一方のみを設置するものであり、併用することはないと思います。
こちらも改善なさった方が良さそうには思います。
 
また、上記の書きました「data-type」「data-src」については、のマニュアル広告のコードにも指定されてしまっている状態です。

上記部分に添付したかったマニュアル広告コードの画像です。

 
nakano3さんのサイトのマニュアル広告コードは、上記のように「data-type」「data-src」が指定されています。
 
こちらも、AdSenseから取得した際には、指定がないものだと思います。
(つまり、改変されている。)
 
nakano3さんが、意図して改変なさったのでないのであれば、おそらくプラグインの影響かと思います。
 
おそらくは以下だと思われますが、断言はできないです。
投稿者:: @nakano3

Flying Scripts by WP Speed Matters 1.2.2

画像の遅延読み込み(LazyLoad)機能のところでも書かせていただきましたが、複数のプラグインの影響を受けているのではないかと思われる節があります。
(画像に関しては。)

そのため、JavaScriptもどういう影響を受けているのか、正直分からないです。

 

全プラグインを停止して、どうなるのか。
それで改善するならば、1つ1つのプラグインを有効化してどうなるのか。

そういう確認が必要なのかもしれないです。

先程も書かせていただきましたが、ご判断はnakano3さん自身でお願いします。
(フォーラムでは、1つ1つ相対での確認も難しいかと思います。同時にフォーラムにいなくてはならないですし、時間も必要だと思います。)

私には断言はできないですし、今はとりあえず表示されていて何も言われていないから良いのではないかというお考えもあろうかと思います。


   
わいひら and nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

宣伝用のトピックにある方のサイトのいくつかに手もちのiphoneでアクセスしてみたのですが、nakano3さんのサイトと同じような症状は再現しないみたいなんですよね・・・


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

リフィトリーさん

nakano3さんのサイトの以下の部分に、3つ画像があるかと思いますが、そこをタップするとどういう感じでしょうか。

 
トップページの最下部に近い場所です。
 
 
インスタへのリンクみたいですが、1タップでいきますでしょうか。
 
 
【訂正】
 
すみません、訂正です。
 
3つの画像部分ではなく、アバター部分のご確認お願いします。
(勘違いかもしれないですが、念のため確認しておきたいです。)
 
 
【追記】
 
そんなことを言いつつ、15~30分程度、離席します。
すみません。(現在10:35くらいです。)

   
nakano3 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@mk2_mk2 さん

アバターが円形背景色グレーのインスタのマークに変わるだけで、変遷しないようです。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

リフィトリーさん

ありがとうごさいます。

2タップでもいきませんか?

PCだとインスタに飛びます。
(デベロッパーツールで、モバイル表示にした場合ですが。)

Androidは今から確認します。
(忘れていました。)

 

【追記】

Androidも、インスタに飛びます。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

先程の部分は、以下のプラグインを使っているようなんですが・・・。

投稿者:: @nakano3

Smash Balloon Instagram Feed 6.0.5

こんな感じで、タップすると「hover」効果があるみたいではあります。

 
「hover」の指定あるみたいではありますが。。。
 
いろいろ他のプラグインも重なっているみたいです。
(生のソースをみると、とてもゴチャゴチャしています。画像はBase64で埋め込まれているので。SVGも使っている?)
 
【追記】
 
すみません、本当に15~30分離席します。
(11:30頃には戻ってくるかと・・・。)

   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

戻ってはきましたけれど・・・。

良く考えてみれば、後はご本人さん次第かな・・・と思います。

ということで、私も完全に離脱します。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakono3さん

1点書き忘れていました。

https://wp-cocoon.com/community/postid/61327/

上記の箇所で書かせていただいた自動広告コードについてです。

何故かタグの途中で改行されてしまっています。 
何かがおかしいと思います。

以上です。

たくさん書かれていて、ご覧いただくのも大変かと思いますが、ご一読お願いします。


   
わいひら and nakano3 reacted
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

リフィトリー様、mk2様、chu-ya様

たくさんのご返信をいただいており、こちらからの返信ができず大変申し訳ございません。

ただいま、ひとつづつ確認させていただいております。

確認した内容には「いいね!」を付けさせていただいております。

現在までに試したことですが

Autoptimizeは削除

EWWW Image Optimizer 遅延読み込みのOFF

Health Check & TroubleshootingをスマホからWordpressへログイン→プラグインを1つずつ確認したところ

Flying Scripts by WP Speed Matters

WebP Converter for Media

上記の2つのプラグインを無効化にすると1回のタップでリンク先へ飛べるようになりました。

「PageSpeed Insights」の結果を改善しようと導入したプラグインでした。

おそらくプラグインが影響していたものだと思われます。


   
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@leafytree 

子テーマの件ありがとうございます。

子テーマにCSSを追加しましょう~という文言を見るのですが、指示通りに追加・更新をしてもサイトに反映されることがなかったのでご紹介いただいたトピックを確認して導入してみたいと思います。

また、「WP Multibyte Patch」もインストールし、有効化させていただきました。

複数の端末で症状の確認もしていただき、ありがとうございます!

プラグインの確認方法により無事特定することができました。

現在ではインスタ共に1度のタップでリンク先へ移動できるかと思います。

この度は、本当に感謝いたします。ありがとうございました。


   
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@mk2_mk2 

さまざまなご指摘をいただきありがとうございます。

2回タップの件は、教えていただいたプラグインをすべて無効化した方法で確認したところ先述したプラグインの影響であることが分かりました。

マニュアル広告のコードがFlying Scripts by WP Speed Mattersの影響かもしれないとのことでしたが、2回タップとなってしまうプラグインの影響の一つにFlying Scripts by WP Speed Mattersがありましたので、現在無効化(削除もしました)している状態ですが、それでもコードが改変されている状態でしょうか?

改変されたコードの画面の確認方法がわからず、自分で調べられず申し訳ございません…。

自ら広告を改変することは私にはできないので、何かしらが悪さをしていると思うのですが…まさかそんな警告が出ているとも気づいておりませんでした。


   
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@chu-ya2 

この度はご指摘をいただきありがとうございます。

現在プラグインの影響であることがわかりました。

プラグインの無効化で1回のタップで移動することができるようになりました。

ご指摘いただいた方法も今後、対応ができるよう調べてみたいと思います!


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

現状、「data-type」「data-src」はなくなりました。
やはり、プラグインが原因だったようです。

ちなみに、確認方法は、Chromeでしたら、サイトを開いて右クリック。
「ページのソースを表示」をクリックすると、HTMLソースの表示ができます。

私が貼った画像は、その操作でキャプチャしたものです。

ただ、HTMLソースに馴染みのない方には、少々難解なのではないかと思われます。


とりあえず、現状で「data-type」「data-src」はなくなりましたが・・・。

少々今でも問題があるように思います。
(ブラウザが善意的に解釈してくれているので、問題は発生していないと思いますが。)
 

今の段階で思うのは…。

  1. 自動広告コード(headタグ内)と、マニュアル広告コードの両方が設置されている
     
    これは、どちらか一方を使うという認識です。

     

  2. 自動広告コードも、マニュアル広告コードも、タグの途中で改行されている
     
    これは、おそらく貼ったコードの途中に、何らかの目に見えない文字コードが入っているのではないかと思います
    (この位置に改行が入っている方を、このフォーラムで過去に拝見したことがあります。その時は広告が上手く表示できていませんでした。)

 

自動広告コードは以下のような状態。

 
「crossorigin="anonymous"」の前に改行が入っています。
 
 
マニュアル広告コードは以下の状態。
 
横にとても長いため、右側は途中で切ってしまいました。
 
ただ、マニュアル広告コードも、すべて「crossorigin="anonymous"」の前に改行が入っています。
 
 
これらは修正しておいた方が良いと思います。
 

 
そして、特に問題ではないのですが・・・。
 
カスタムHTMLウィジェットをご使用のようですが、Cocoon設定の「広告」タブのものや、広告ウィジェットをご使用になった方が、設置や管理が楽なのではないかな・・・と思ったりはします。
(Cocoon設定の「広告」タブの機能を使うと、自動でScriptをおまとめしてくれたりします。)
 
Cocoon設定の「広告」タブの件は、以下のマニュアルページをご参照ください。
 
広告(AdSense)を手っ取り早く設定する方法
https://wp-cocoon.com/how-to-set-adsense/
 
 

   
わいひら reacted
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@mk2_mk2 

ご確認いただきありがとうございます。

コードの件ですが、自動広告は「モバイル全画面広告」と「ワイドスクリーンへの表示」のみを利用しているのですが、それとはまた別件なのでしょうか…。

マニュアルの広告コードですが

プラグインの「Ad Inserter」をしようしており使い方のサイトを参照しながら設定をしていました。

利用画面の一部ですがこのような状態になっています。


   
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@mk2_mk2 

教えていただいたCocoon設定での「広告」のほうがおっしゃるとおり管理が楽そうです…。

プラグインをうまく使いこなせてないので、後日こちらで設定を検討してみたいと思います。

何から何まで教えていただき、ありがとうございます…!

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

添付いただいた「Ad Inserter」の画像を拝見しても、crossorigin="anonymous"」の前で改行されていますよね。

AdSenseのコードをそのまま貼り付けた場合、そこに改行はないはずです。

 

AdSenseのヘルプページに、サンプルのコードが掲載されていますので、ご確認ください。

自動広告コードは以下。

コード導入ガイド
AdSense コードについて
https://support.google.com/adsense/answer/9274634

 

マニュアル広告コードは以下。

レスポンシブ広告のタグパラメータの使用方法
https://support.google.com/adsense/answer/9183460

※Cocoonで言うところのアコーディオン(トグル)に折りたたまれていますので、展開してください。

 


添付いただいた画像に印をつけました。

本来は、印を入れた場所で改行されずに、1行になるはずです。


   
わいひら and nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

もう1度書きますと。

マニュアル広告コードと、自動広告コードは、併用しません。
どちらか一方のみを使用します。

表示する広告は、以下の3パターンが考えられると思います。

  1. マニュアル広告のみ表示
  2. 自動広告のみ表示
  3. マニュアル広告と自動広告を併用

 

この3パターンにおいて、広告コードはをどのように設置するのかを、以下にまとめてみました。

  1. マニュアル広告のみ表示の場合
     
    マニュアル広告コードのみ設置
     
  2. 自動広告のみ表示
     
    自動広告コードのみ設置
     
  3. マニュアル広告と自動広告を併用
     
    マニュアル広告コードのみ設置
    (AdSenseの設定で、自動広告をONにする)

 

広告コードは、併用しないです。

 

広告コードをあちらこちらに貼ってしまうと、管理もできなくなってしまいます。
今は覚えていても、時間が立てば忘れてしまうこともあります。

できるだけ簡便な方法で貼っておくと、管理がし易いです。

AdSense側の仕様が変わって、広告コードを変更する際なども、コードの数が少ない方が楽です。

そのために、Cocoonにはそういう機能があるのです。


   
nakano3 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

nakano3さん

書き忘れました。

現状問題なく表示されているのであれば、無理に変更する必要はないです。
変更して、結局広告が表示できなくなるリスクもない訳ではないでしょうし。

ただ、管理し易かったり、不要なプラグインは使わない方が、いろいろと良いのではないかなと思った次第です。

ご判断は、nakano3さんがなさることだと思います。


   
わいひら and nakano3 reacted
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

ちょっと気になったので口を挟みます。

@mk2_mk2 さん

AdSenseのコードをそのまま貼り付けた場合、そこに改行はないはずです。

添付画像のとおり、AdSense の管理画面で取得するコードは折り返しています。そもそも、折り返しは何ら問題ありません。

1 行が長くなる場合は、可読性の向上のために途中での折り返しの検討を Google のコーディングルールは推奨しています。

参考:HTML Line-Wrapping

Google は、Google 自身が提案しているコーディングルールを AdSense で実践しています。

マニュアル広告コードと、自動広告コードは、併用しません。
どちらか一方のみを使用します。

これが私には分かりませんでした。マニュアル広告コードと自動広告コードは、どちらも設置する script タグは同じです。

「設置する script タグは 1 つでいいので複数は不要ですよ。」なら分かるのですが、併用しないとはどういうことか分からなかったです。

This post was modified 2年前 by Akira

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6962
 

Akiraさん

お手数かけます。

投稿者:: @akira

添付画像のとおり、AdSense の管理画面で取得するコードは折り返しています。そもそも、折り返しは何ら問題ありません。

はい、実際に広告は表示されているようで、問題ないのかなとは思っていました。

投稿者:: @akira

1 行が長くなる場合は、可読性の向上のために途中での折り返しの検討を Google のコーディングルールは推奨しています。

参考:HTML Line-Wrapping

Google は、Google 自身が提案しているコーディングルールを AdSense で実践しています。

そうなんですね。

少し書かせていただきましたけど。

以前、お問い合わせ時に、自動広告が表示されないということがありました。

正直良く分からないやりとりがあり、その中の1つに改行もあったのです。
どんどんコードを更新されてしまって、逐次確認はできませんでした。

その際に、ない方が良いのかな…と思っていたという感じです。

 

投稿者:: @akira

「設置する script タグは 1 つでいいので複数は不要ですよ。」なら分かるのですが、併用しないとはどういうことか分からなかったです。

こちらは、追記(補足のつもりでした)させていただいた際に書いた感じです。

管理するならできるだけ、コードは少ない方が良いですよという意味あいのつもりでした。
Akiraさんの仰る通り、1つで良いですよということですね。

「併用しなくても表示されます」(マニュアルだけでOK)

という表現が良かったように思います。


   
わいひら reacted
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

@nakano3 さん

WordPress 管理画面 > 外観 > カスタマイズ > 追加 CSS にお書きになっている CSS の中に、許可されていない文字が入っています。添付画像の margin の前の □ が該当部分です。

この許可されていない文字が 1 文字でもある場合は、サイト全体がおかしくなることもあります。ただ、この許可されていない文字は、WordPress のエディターでは見えないと思います。

そこで、このようにご対応ください。

  1. 追加 CSS の CSS を全て消す
  2. https://notepad.pw/share/iq1fx6dnd の CSS を追加 CSS に貼り付ける(リンク先の CSS は正常なものです)
This post was modified 2年前 by Akira

   
わいひら and nakano3 reacted
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@mk2_mk2 

広告の件細かくありがとうございます。

コードの管理が難しそうであることと、なるべくプラグインは最低限にしたいと思っていたので、Cocoon設定での「広告」から設定することにしました!

現在はCocoon設定から広告を表示していますが、重複等は改善されているでしょうか…?

アドセンスのほうの自動広告はまだオンの状態にしてあります。


   
(@nakano3)
Active Member Registered
結合: 2年前
投稿: 10
Topic starter  

@akira 

ご指摘から手順・CSSまで添えていただきありがとうございます。

早速変更させていただきました!


   
固定ページ 1 / 2
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました