ドローイング空間スマートフォン用の表示で見るドローイング空間3D-CADを中心に、雑多なことをかいています。広告AdSenseアカウントは持っているので、はてな無料ブログにアドセンス広告を設置する方法をまとめました。Proコースに移行してしまう人がほとんどだと思います。はてな無料ブログにAdSense広告を貼り付けてみることにしました。PC向けの広告ユニットを1つ記事上に配置しました。無料ブログのユーザーは、残りの2だけ貼り付けることができます。2016年8月中旬から広告設置数の上限が撤廃されました。これ以上張り付けることはできません。そのため、モバイル向けページには、自分が得られる収益が発生する広告を掲載できません。最近登場したAdSenseのモバイル向けのページ単位広告は、3つの広告ユニットとは関係なく設置できます。はてな無料ブログで有効化かどうかはよくわかりません。無料ブログで設置した情報が書かれたページを検索してみましたが見つかりません。広告収入に積極的な方は、無料ブログで運用しないと思うのである意味当たり前です。私のブログは、現在、モバイル端末からのアクセス流入がほとんどありません。最近30日間のセッションでは、次のような状態です。モバイル向けの表示に広告が貼れないのは関係なさそうです。今回、お試しで、ページ単位広告も設置しました。正常に表示できているかは確認していません。先ほど述べたように、広告は、PC向けページでも、2つしか貼ることはできません。ほとんどのクリックが記事上と記事下に集中すると言われています。記事上と記事下、この2箇所に貼れば特に問題はないと思われます。※記事下は、はてなブログ運営側の広告と干渉したのか表示されませんでした。AdSense広告を設置するAdSenseの広告コードつまり広告ユニットは、配置位置ごとに別々に取得し、同じチャンネルにまとめて置きます。することで、どの位置の広告がクリックされたか簡単に確認できます。広告サイズは、レスポンシブを選択しました。他の広告サイズを選択する必要はないと思います。有効にする広告を選択します。モバイル端末は使っていないので使い心地がわからないので無責任にどちらも有効にしました。この広告に関する評価についての記事が出てきたらそれを参考に変更する予定です。モバイル前面広告は、早い段階で中止される可能性が高いと思います。ページ単位の広告のものを残して、広告ユニットのものは削除します。src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>広告ユニットに、広告ユニット名のクラス名を追加します。今回は、使いませんが、クラス名を指定しておくことで、cssで広告サイズを変更することができます。この方法は、記事1つ1つに記述する必要があるので、管理の手間を考えると避けたほうが無難です。ページ単位の広告を設置するダッシュボードから、設定をクリックします。詳細設定をクリックします。「headに要素を追加」の項目に、ページ単位の広告の広告タグを設置します。表示を確認することはできませんのできちんと設置できているかは確認していません。広告ユニットを配置するダッシュボードから、デザインをクリックします。カスタマイズアイコンを選択し、記事をクリックします。記事上下のカスタマイズの項目から、記事上、記事下の項目に広告タグを設置します。※最終的には、記事下の広告タグは、削除し、記事上にしか設置しませんでした。上部の広告は、ページタイトル直下に表示されるようです。(まだ表示されていません)下部の広告は、記事とはてなスターの間に表示されるようです。(まだ表示されていません)トップページの一覧表示で、自分の設定した広告が表示されていないことを確認します。AdSenseのポリシー違反になり、収益が発生しなくなると推測されます。個人と事業者ではおそらく広告の契約内容が異なるのだと思います。「続きを読む」以降の記事内にしかAdSense広告は配置できません。広告が表示されないのが気になります。ページ単位の広告のタグを削除してみます。変わらず、広告は表示されていません。そのため、ページ単位の広告のタグを元に戻します。AdSenseのポリシー違反になっている可能性があるので、広告スクリプトを削除することにします。記事上の広告は表示されましたが、記事下の広告は表示されません。ポリシー違反になり、表示されないのかもしれません。考えて、記事下の広告のコードは削除することにしました。※AdSenseアカウントは、剥奪されると困るので挑戦は避けたほうが無難です。自動で文中にAdSense広告を入れる自動で文中にアドセンス広告を入れる方法が紹介されています。スクリプトの挙動を考えて文章レイアウトを行う必要があるので、すぐには対応できません。UXエンジニアになりたい人のブログしばらく記事上の広告1つで様子を見ようと思います。クラス属性を指定して、cssでマージン属性を変更しました。広告タグにクラス属性を追加します。[]).push({});</script></div>デザインのカスタマイズから、デザインcssを選択します。cssを追加し、マージンを指定します。画像広告と「広告」タイトルの位置が離れます。しますが、許容範囲ということにします。このまま様子をみてみます。仕方がありませんが、ページの表示は、若干遅くなったような気がします。Proコースに移行することをおすすめします。前に話題になった偽メール詐欺の特集が日経プラス10(テレ...2016-04-01はてなブロクに記事を投稿した際に、Twitterの連携機能を利用して、フェイスブックページに投稿しま...はてなブロクに記事を投稿した際に、Facebookページに自動投稿...2016-03-06レスポンシブ広告コードの大きさを変更するPCからスマホまで、表示される画面に合わせて適切な大きさの広...2016-02-23html初心者にもEmmet入力は、強い味方になります。htmlの入力軽減方法の1つにEmmet入力があります。スプレーボトルをモデリングする。検索プロフィールid:kukekko3D-CADを中心に、雑多なことをかいています。Drawを買っちゃった。読者になるはてなブログをはじめよう!kukekkoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。