検索向けAdSenseの検索結果ページをスマホ用ワードプレスで美しく表示する方法

広告の設定

前回の投稿では、ワードプレス内にGoogleの検索向け AdSenseを導入する方法を書きましたが、スマホでは検索結果が画面からはみ出してしまうという事をお伝えしました。

そこで、スマホではデフォルトの検索ボックスを用いた方が良さそうだと書きましたが、スマホでも検索結果を美しく表示できる方法が見つかりましたのでシェアします。

結論から言うと、Googleはスマホの検索結果ページの事もちゃんと考えていました。同じ1つのコードで検索結果はPCもスマホも美しく配置されて表示されます。

やり方はとても簡単です。.

【スポンサーリンク】

 

Adsenseのサイトに行って、『広告の設定』⇒『検索』⇒『作成したカスタム検索エンジンの名前』と、クリックして進んで行きます。

広告の設定

『広告の設定』

検索

『検索』

作成したカスタムエンジンの名前

『作成したカスタムエンジンの名前』

作成したカスタム検索エンジンを編集できる画面の下の方に『その他の検索オプション機能』というのがありますので、クリックします。

その他の検索オプション機能

『その他の検索オプション機能』

すると、検索エンジンのレイアウトを設定できる画面が開きますので『結果のみ』をクリックし、『保存してコードを取得』をクリックします。

結果のみ&保存してコードを取得

『結果のみ&保存してコードを取得』

コードが表示されますので、そのコードをコピーし、検索結果ページに既に張り付けてある『検索結果のコード』と張り替えます。2つ張ったらダブってしまいますので注意しましょう。

コード

『コード』

By

※いいねと感じたら『いいね』や『ツイート』、また『コメント』等も頂けると嬉しいです。

 

コメントを残す

※掲載基準 批評:○ 根拠のない誹謗中傷:×

【Ads by 忍者AdMax】


【楽天市場デイリー総合ランキングトップ商品】
6480円(送料込)
♪子供服 福袋♪
レビュー平均:0.0
レビュー件数:0
キムラタン楽天市場店
14040円(送料別)
【先行予約・3月下旬入荷予定】【お取り寄せ商品】【NIKE 2017SUMMER】
レビュー平均:0.0
レビュー件数:0
atmos-tokyo
14040円(送料別)
【先行予約・3月下旬〜4月中旬入荷予定】【JORDAN 2017.SUMMER】
レビュー平均:0.0
レビュー件数:0
Kinetics

サブコンテンツ

スポンサーリンク

スポンサーリンク

Ads by Criteo(or AdStir)

Affiliate B

外壁塗装の窓口

このブログのQRコード

このページの先頭へ

Jeumy