アフィリエイトサイトに貼った広告がスマホで見た時にはみ出てしまう。紅蓮のアフィリエイト日記スマートフォン用の表示で見る紅蓮のアフィリエイト日記アフィリエイトの方法や失敗談などを書いていきます。質問などにも答えていきますのでぜひ見ていってくださいね。アフィリエイトサイトに貼った広告がスマホで見た時にはみ出てしまう。そんなときの対策方法は??2019-09-02アフィリエイトサイトに貼った広告がスマホで見た時にはみ出てしまう。はみ出す原因スポンサーリンクこんにちわ。アフィリエイターの紅蓮です。今回は以下の質問にお答えしていこうと思います。楽天アフィリエイトがスマホだとはみ出てしまうので240×240のサイズに変更したのですが、まだはみ出たままになっています。パソコンで見る分にはちょうどいいサイズになっています。したらスマホではみ出ませんか?ちなみに今回の記事は以下のようなあなたにおススメです。広告を張るときにパソコンで張ったけど、スマホの大きさにうまくできないというあなたそんなあなたがこの記事を読み終わる頃には以下のような効能を得られるようになります。広告を張るときにパソコンとスマホの両方に適用できるレスポンシブデザインをうまく使えるようになるですので、今回も最後まで頑張っていきましょう。準備はいいですか??では行ってみましょう。GO!!アフィリエイトサイトに貼った広告がスマホで見た時にはみ出てしまう。そんなときの対策方法は??情報を探したくなるのはパソコンの前にいるときだけではない。レスポンシブデザインという機能をご存知ですか??レスポンシブデザインはどうしたらできるのか?1レスポンシブデザイン対応のテーマに設定2レシポンシブデザイン設定をオンにするお使いになられているブログサービスはいったいどこでしょうか??結論まとめアフィリエイトサイトに貼った広告がスマホで見た時にはみ出てしまう。そんなときの対策方法は??最近たくさんのサイトが出来て、Google先生がいいサイトだとする条件の中に『モバイルフレンドリー』という言葉があるんですよね。『Googleが掲げる10の事実』の中にも以下のような内容がかかれています。情報を探したくなるのはパソコンの前にいるときだけではない。世界はますますモバイル化し、いつどこにいても必要な情報にアクセスできることが求められています。サービスの新技術を開発し、新たなソリューションを提供しています。検索にさまざまな方法でアクセスできるだけでなく、メールを読んだり、カレンダーでイベントを確認したり、動画を見たりなど、世界中のあちこちからスマートフォンをさまざまな用途に使えるようになりました。ユーザーに提供したいと考えています。インターネットの土台にあるオープン性をモバイルの世界にもたらすものです。メーカー、デベロッパーにとっては、新たな収益機会が生まれます。(Googleの掲げる10の事実より)これはスマホにものすごく注力していることがわかる文ですよね。そこで、スマホに注力できないサイトがあったとしたらそれは順位が下がる原因にもなる可能性があるわけですよね。サイトやブログサービスによってはPC版とスマホ版をいっしょに設定できないものもあるのですが中には一緒に設定できるものもあります。『何?その便利な機能』そうなんです。実際にあるんですよね。レスポンシブデザインという機能をご存知ですか??レスポンシブデザインというのは、一つのウェブサイトのデザインで、デバイスによって変更ができるデザインのことです。デバイスがパソコンとスマホとタブレットだったとします。webサイトのアドレスは一つでCSSを書き換えることによってパソコンで見るときにはパソコンの大きさに、スマホで見るときにはスマホの画面の大きさに、タブレットで見るときにはタブレットの画面の大きさにすることができるデザインを言います。レスポンシブデザインはどうしたらできるのか?実はこのレスポンシブデザインを設定する方法ですがお使いになっているブログサービスやCMSによってやり方が違ってくるので一概にいうことができません。今回ははてなブログの場合をお話ししていきます。実ははてなブログのテーマにはスマホで使えるようにするために対応のテーマというのが有るんですよね。僕は最初わからなかったので以下のサイトを参考にさせていただきました。happylife-tsubuyaki.hatenablog.com理由は、めっちゃわかりやすかったからなんですけど、、、。テーマをまず決めましょう。僕はミニマリズムというテーマにしています。2レシポンシブデザイン設定をオンにするここで一番この中で大事な作業です。左端のサイドバーのデザインをクリックしてください。その後、スマホのアイコンをクリックすると、下図みたいな画面が出ます。そこから詳細設定という場所に進んでもらうとレスポンシブデザインの横のボックスにチェックを入れてください。するとPC版とスマホ版が同じURLでみれるようになります。其の後、ブログをスマホで確認してみてください。お使いになられているブログサービスはいったいどこでしょうか??その前にあなたのお使いになられているブログサービスはいったいどこになるのでしょうか??はてなブログでしょうか??それともSEESAAでしょうか?それともライブドアでしょうか??楽天ブログ?世の中にはたくさんのブログサービスがあります。方法』とググってみるとお使いのブログサービスに見合った方法が出てくるので確認をしてみてもいいかもしれませんね。結論ブログに広告を張る際には、PCとスマホに対応していることが今ブログに求められているレスポンシブデザインを使うのがいいと思うはてなブログはそのレスポンシブデザインを使いやすくていいブログサービスによってレスポンシブデザインの設定の仕方が違うのでググるのをおススメするまとめお疲れさまでした。如何でしたか??最近Google先生の求めているものがいつでもどこでもどんなデバイスでもというのがモットーになっているみたいなんですよね。いつでもどこでも使えるようにするにはレスポンシブデザインは非常に使いやすいデザイン方法になります。その設定方法というのが最近のブログには設定ができるようになっているものとできないものが有るんですよね。ものによってはHTMLをいじらないといけないものもあったりして若干の面倒さが有ったりしますが、それをすることによってGoogle先生からの評価が得られるのですからやらない手はないですよね。やって稼げるようになりましょうね。ことで今回はここまで。