頑張らない!でも諦めない!必死にならずにええかげん

Pitta Promotion

AdMax Promotion

CSE競合設置検証(CASEa3-b1)

カスタム検索エンジンを1ページ内に複数設置する際に、
どちらかのスタイルが適用されていなかったり、正しく表示されない場合もあるかもしれません。

しかし、他の影響を排除した環境であれば問題なく動作していることを確認できます。
ただしスタイルは読み込みのタイミングによってどちらが適用されるかが都度異なってしまいます。
ここでは「全幅(デフォルト)」と「オーバーレイ(グリーンスカイ)」の複数設置例です。

検証

複数設置がうまくいかないパターンがどの組み合わせで発生するのかと、
検証することを目的に始めた組み合わせパターン試験ですが、
結果として組み合わせによっては想定した動作が得られない場合もありますのでご紹介しておきます。

設置している組み合わせ

アイコン アイコン テーマ
上段 CSE_全幅アイコン 全幅 デフォルト
下段 CSE_オーバーレイアイコン オーバーレイ グリーンスカイ

実際に設置した例

読み込みのタイミングによってどちらのテーマ色が適用されるか変わります。
その為、何度か以下のフレームを更新すると不安定にデザインが変わります。
HTML上の出現順などは関係がないようです。

直接ウィンドウで開く場合: CustomSearchEngineテスト・CASEa3-b1

設置に利用したHTML例

※なお、設置しているカスタム検索エンジンは検索向けAdSenseユニットではありません。

逆順で設置した例

逆順で設置した場合も、何度か更新をすると
タイミングによってはスタイルが異なったもので表示されるのが確認できます。

直接ウィンドウで開く場合: CustomSearchEngineテスト・CASEa3-b1r

検索向けAdSenseとカスタム検索エンジンの違いは以下でご紹介しています。
Google™AdSenseの検索向けユニット(AFS)とカスタム検索ユニット(CSE)の違い

このようにして一通りの組み合わせの確認を行っています。
複数設置の組み合わせ例【作成中】

さいごに

カスタム検索エンジンの複数設置自体は難しいことではありませんが、
WordPressなどのCMSに導入した場合などには既存のテーマによるCSSなど様々な複合的な要因で、
うまく設置ができない場合もあります。

そうした場合には、いったんシンプルなHTML上に設置して動作を確認してみるといいでしょう。


Google™はGoogle Inc. の登録商標(第4478963号及び第4906016号)です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号:881006及び926052及び1086299及び1091990及び1145934
Google AdSense™,AdSense™はGoogle Inc. の登録商標(第4899412号)です。

プロモーション(btm)

Pitta Promotion

公開日:
最終更新日:2014/12/04

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン

役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

ページ
すべて展開 | すべて省略

AdMax Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

忍者AdMax

AdMax Promotion

A8.net Promotion

AdMax Promotion

Rakuten Promotion