「The Moneytizer」を使うとスマホ開閉メニューが機能しない。テーマ側で"data-loaded" を "true"にしたい。 - SWELLに関する質問

RE: 「The Moneytizer」を使うとスマホ開閉メニューが機能しない。テーマ側で"data-loaded" を "true"にしたい。

youuu_room — Sat, 01 Jul 2023 18:23:15 +0000

Tetsuaki Hamanoさん

とても分かりやすく、ご丁寧な返信ありがとうございます。

The Moneytizerは手動で設定していて、記載いただいたフィルターフックを使用することによって、スマホメニューを表示できるようになりました！

元々表示速度は少し遅く、それも許容していたサイトだったので、今回の変更でも体感のパフォーマンスは変わりませんでした。

本当にありがとうございました。

RE: 「The Moneytizer」を使うとスマホ開閉メニューが機能しない。テーマ側で"data-loaded" を "true"にしたい。

Tetsuaki Hamano — Sat, 01 Jul 2023 09:02:00 +0000

こんにちは。

SWELLでは、おそらくページ速度・パフォーマンス改善のために、あらかじめhtml要素に付与しておいたdata-loaded属性の状態を利用しています。

初期状態ではfalseですが、ページ全体が読み込まれた後にこの属性が自動的にtrueとなります。この属性がfalseのままだと、スマホメニューだけでなく、同じ処理が組み込まれた検索モーダルも表示できないはずです。

となると、その広告の影響でページ全体の読み込みが完了しなくなり、trueに切り替わらなくなってしまった、という事が根本的な問題だと思われます。

The Moneytizerという広告について調べてみたところ、審査にあたりある程度の記事数・ユーザー数が必要との事でしたので、実際に検証する事は出来ませんでしたが、

広告コードの貼る場所を変えてみる
キャッシュをクリアしてみる
プラグインを全て停止してみる
The Moneytizerをプラグインで利用しているなら、手動で設定してみる（「Moneytizer WordPress 手動」などで検索）

などを試してみるとよいかもしれません。

どうしても改善が難しい場合は、swell_root_attrsというフィルターフックを利用して、初期状態のdata-loaded="false"自体を付与しないようにする方法もあると思います。

// HTML要素に「data-loaded="false"」を付与しない
function my_swell_root_attrs( $attrs ) {
  return str_replace( 'data-loaded="false"', '', $attrs );
}
add_filter( 'swell_root_attrs', 'my_swell_root_attrs' );

僅かにパフォーマンスに影響は出るかもしれませんが、サイトの動作自体には影響を与えないはずですので、一度試してみて下さい。

「The Moneytizer」を使うとスマホ開閉メニューが機能しない。テーマ側で"data-loaded" を "true"にしたい。

youuu_room — Thu, 29 Jun 2023 04:34:19 +0000

「The Moneytizer」というアドセンスに似た広告を導入したのですが、スマホにその広告を表示すると、右上の開閉メニューが効かなくなり、運営にその問題を伝えた所、以下の解答を受けました。

プロダクトチームの見解によるとお使いのテーマにより
モバイル右上でのメニューボタンが機能していないようです。

"data-loaded" が "false" に設定され、この値が"true "に設定されている場合にのみメニューを開くことができるとのことです。
手動で "true "に設定すれば、メニューを開くことができます。
テーマ内の設定でこのデータロードをtrueの設定にできますでしょうか。
これ以上は弊社のプロダクトチームでは対応できないとのことです。

以上、抜粋です。

この「data-loaded」をtrueに設定したいのですが、設定やコード修正で対応できるのでしょうか。変更すべき箇所がわからず投稿させていただきました。

確認したこと

・SWELL設定にある、高速化付近のチェックを一通り試しましたが、改善できませんでした。

・検証ツールで、スマホ時の広告あり→data-loaded" が "false"、広告なし→data-loaded" が "true"になっていることを確認。

2388

ご教示いただけると幸いです。

よろしくお願い致します。