Amazonでの購入は9/20~9/23日がお得です

増税前にAmazonで最後のビックセールが開催されます。ゲーミングデバイスも安くなりますので是非この機会に欲しい商品をチェックしてくださいね

※プライム会員限定価格もありますので、すごくお得になります。

 

ブログ

HTML/CSSを勉強したらアドセンス広告が表示されない原因が分かった 

 

HTMLって覚えると、どうなるの???
別に知らなくても、ブログ書けるし問題ないよね
プログラミングは難しそうだし、めんどくさいよ

 

ワードプレスでブログを書いてます。普通に文字入力と画像の貼り付けだけで記事を書くことができます。HTMLをググって表示された時

Σ(・ω・ノ)ノ!見たことない文字がいっぱいで『これは、無理だね』と自分自身も思いました。

初心者がブログを始めて悩まず進む事は無いのかな?って思います。ただHTML/CSSの基礎を知ってる事で色々応用ができるので知ってて損はありません。自分自身もブログを書き始めてて

ここを変えてみたいなあ…
こうしてみたいなあ…っていうのがあり検索の表現の仕方がわかりませんでした

この記事では初心者が悩み苦しんだ事をHTML/CSSを知ってたら解決できる事を説明していきます。
ヾ(≧▽≦)ノ 項目は少ないですが初心者向けなので是非お付き合いお願いします。。

記事の内容

  • HTML/CSSについて
  • アドセンスコードは同じブラウザーで取得しないと駄目

 

HTML/CSSについて

HTMLとは?

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ、HTML(エイチティーエムエル))は、ハイパーテキストを記述するためのマークアップ言語の1つである。  引用元 Wikipedia

簡単に言うとウェブページを作る時の文字の事

上の見出し2の《HTML/CSSについて》をHTMLで表現すると
<h2>HTML/CSSについて</h2>
このようにコンピューターに指示することによって上記見出しのように文字がでてきます。
ただ、HTMLだと文字だけなのでそれをカスタマイズしていくのがCSSとなります。

CSSとは?

Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは、HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。文書の構造体裁分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ   引用元 Wikipedia

HTMLを装飾する事(文字の色や 枠で囲むなど)

デザインをしていくと考えると分かりやすいかなと思います。
段落タグという<P>があり、これを
<p>HTMLを装飾する事</p>とHTMLで作ってあげると上のように段落が変わって表示されます。
そこにCSSでスタイルを表現していくと
<p style=”color: #800000;”>HTMLを装飾する事</p>と指示することによって

HTMLを装飾する事となります

本来はHTMLとCSSとファイルを分けて結びつける作業が一般ですが上記はHTMLのなかにstyle属性を使って表現したものになります。。。

タグ<>には決まり事があるので、実際にやってみるのもいいでしょう。

アドセンスコードは同じブラウザーで取得しないと駄目

ビジュアルテキストで出来ない事ができるCSS
CSSは表示されるものをカスタマイズできるので、アドセンス広告の余白/位置調整も出来るようになります。画像の大きさも指定できるので大変便利です。

自分の場合は勉強してて良かった(/・ω・)/と思う事がありました。

つい先日Googleアドセンスが承認され
Googleアドセンス申請 6記事で承認 意識した事 アドセンス申請はこの記事を参考にしてください
ブログにアドセンスコードを貼る手順をしました
内容は特に難しくなく、表示したい所にアドセンスコードを貼るだけの作業でした。
貼り付けをして、いざワクワク(´▽`*)しながら表示してみると何も変化がなく
『???????』てなりました。

広告スタイルを変えてアドセンスコードを貼ると反映されました。まさに
『(。-`ω-)?????です』

考えられる原因は

① 貼る場所を間違えた
結果 いろんな方のブログを参考しつつ、照らし合わせても間違えはなく
Google chromeでソースの検証で場所も確認したので問題ないと判断

② ちゃんとコピーが出来てなかった
結果 やり直しをしても全部コピーできてるし、操作に問題ないと判断(この時に違和感を感じる)

勉強してなく知識がゼロの場合この違和感はまず感じないと思います。

皆さんが同じ状況か、わかりませんがアドセンスコードの表記に違いがあったのです。
<script>というタグが</ script>と表示されてたり

</ins>というタグが</ ins>と表示されたりしてたのです

これは開いているブラウザによってアドセンスコード事態が変わってたのです

普段はMicrsoft Edgeを使ってます。ブログを始めてからGoogle chromeも使うようになり翻訳機能があるchromeでアドセンスにログインしてMicrsoft Edgeにコピペにするとこの現象になります。
Micrsoft EdgeでアドセンスにログしてMicrsoft Edgeにコピペは大丈夫でした。

( `ー´)ノ『この違いは初心者にはわかりません。そもそもブラウザーが違うだけで変わるなんて分かるはずがない!』

これはタグという事がわかってたからこそ気づけた事です。

見た目より難しくない

HTML/CSS基礎を1~2週間しかしてませんが、すぐ勉強してて良かったと思えました。勉強方法は独学で
ドットインストールさんの3分動画でマスターするプログラミング学習サイトを見ながら実際に同じ事をしてます
勉強の仕方はそれぞれありますが動画を見ながら、作って表示
3分動画で表示される前に、自分なりに予測して作ってみて答え合わせを動画内の表示でしてみると
『なるほどね』『だから駄目なんだ』となり覚えやすくなるので試してくださいね

なんでもそうだけど基礎(基本)あっての応用だから覚えてみて損はないです。ブログ作成の合間にちょっと努力すれば一歩進めます。

初心者には立ち止まってる余裕なんかない

一歩でも進む道があれば

進むべきだ

近道がない以上 止まらず進め by すおうまんヾ(≧▽≦)ノ

 

 

 

Amazonギフトチャージを利用したらお得

Amazonでお得に買い物ができる方法をご存知ですか?Amazonポイントはお金が貰えるのと一緒なので、現金払いの人におすすめのお得情報です。※支払いはコンビニ、ATM、ネットバンキングのみ限定になっているためです

現金払いの人におすすめ

\Amazonポイント1=1円/

Amazonギフトチャージがお得です

 

おすすめ ゲーミングPC 
  • G-GEAR GA7J-D181/T

    高性能のCore i7-9700kに加えてNVIDIAのGeforce RTX™ 2070のグラフィックカード。高速処理が可能な16GB DDR4 SDRAM (PC4-21300、8GBx2)を搭載しているモデル。 他のサイトよりも安く買えるのが一番のおすすめ理由です
  • GALLERIA XF RTX2070SUPER

    GALLERIA XFはゲームを快適にプレイできる性能である高性能CPUと4K画像のGPU、ゲーム動作に必要なメモリが16GB標準構成となっている人気モデルです
  • GALLERIA XT

    最新のゲームを最高のクオリティでプレイするため、桁違いの性能を与えられています。 GALLERIA XTは今まで味わった事のないゲーム体験をお約束します。