スマホ画面のファーストビューの広告の高さ調整 ~Googleアドセンス~

このブログはGoogleアドセンスを張り付けておりまして、今回はスマホ画面のファーストビューに見た目重視の広告ユニットを張り付ける方法を紹介したいと思います。 レスポンシブの広告ユニットで320X50のバナーが出る場合の処理の一案です。 ※尚、当ブログはデザイン変更が多くリンクユニットや他に変えることもあります。記事の内容はあくまで参考としてお考え下さい。 まず、スマホ画面限定の話なので、私の使用させていただいているウェブリブログは“PC画面”と“スマホ画面”ではURLが異なりますのでPCで見ている人はスマホ画面も見て下さい。 https://s.webry.info/sp/kotobuki1174takasui.xyz/201808/article_1.html ※以後、紹介するお話はスマホにより機能しない事が判りました。やはり画面幅ごとに設定するのが確実なようです。最後におまけとしてこのブログのスマホヘッダーの設定を記載しておきます。(2018/08/16) 私のブログはスマホ画面のファーストビューにレスポンシブの広告ユニットを張り付けていまして、以前は「data-ad-format="auto"」の「"auto"」を、アドセンスのヘルプにある『レスポンシブ広告のタグパラメータの使用方法 > 一般的な形状を指定する場合』にならって「"horizontal"」にしてテキスト広告のみ表示する設定をしておりました。 なぜかというと5インチ程度の画面のスマホを縦にし…

続きを読む

ウェブリブログにGoogle Analyticsを導入する方法 ~必要な事4点~

ウェブリブログにGoogleアナリティクスを導入出来ますね。 私が思うところ必要な事項が4点あり 1・トラッキングコードの変更 2.適切なフリースペースへのコード張り付け 3・プレビュー画面を計測させない 4.プライバシーポリシーが必要 以下に解説をしていきます。 1・トラッキングコードの変更 ウェブリブログは、既にウェブリブログの運営側がGoogleアナリティクスを使用していて、自分で用意したGoogleアナリティクスのデフォルトのトラッキングコードをフリースペースに張り付けても、1ページに複数トラッキングコードが張り付けられているのが原因の為か、無反応です。 それを回避するには、『トラッカーを作成する』必要があります。 デフォルトの形式 <!-- アナリティクス start --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'…

続きを読む

ウェブリブログで独自ドメインを取得するとどうなるか? ~具体例~

当ブログですが、ブログ運用等の知識もなく、何気なく始めました。 日にユニーク数で100人の方がアクセスするようになると、多少色気が出まして、「アクセス数がもっと増えないものかな」「アクセス数が増えれば広告をブログに貼っているので儲かるかも?」と思い、色々とネットで情報を探っていて突き当たったのが 独自ドメインを取るのが有効 結局、先の記事で書いていたのですが、アクセス数アップ以外の理由に魅力を感じて、独自ドメイン取得に踏み切りました。 関連記事:ブログを初めて一年目のアクセス数と広告収益について思う事 結果は、まぁそれなりにメリットも感じて、アクセス数も少し増えた(増えだしている)かなって感じです。 この記事を書いている今は独自ドメイン取得後2カ月であり、日々のユニークのアクセス数は20~40%増と言うところです。 先程“ようです”と書いたのは、増えた理由が ・2ヶ月の間に記事数も増えている ・経年により記事のインデックス数が増えた ・今の時期に読まれる記事がちょうどある(Windows10関連記事) ・etc と、考えられる事が多数あるので“独自ドメインオンリー”とは言い切れません。 しかし、この2カ月で起きた顕著な事は、“独自ドメイン取得前にあまり読まれていなかった記事が割と読まれる”ようになりました。 独自ドメイン取得後の1・2週間は、アクセス数の変わりなく、じわじわと増えているかな?という感じでしたが、人気があり、よく読まれていた記事…

続きを読む

SmartScreen フィルター機能で当ブログがブロックされていました

まったく、困った事に“SmartScreen フィルター機能”で、この“気になる…”ブログが、ブロックされてしまっていました。 結局、当ブログの管理者として、マイクロソフトに申し立てを行い、2日後に解除されました。 もしかしたら、再度あるかもしれないので備忘録にしておく事と、他にも同じような経験をする方がいるかもしれませんので、その方のお役に立つかもしれないと思い、記事にしておきます。 今回の顛末は以下の通り 何気なくこのブログをIEで開いた時に、身に覚えが全くないのに、あのどぎつい赤色の画面が表示されて「これは安全でないことが報告されている Web サイトです。」とのメッセージが。 私が基本Chromeでチェックしていて、且つウェブリブログには『プレビュー画面』表示機能があり、本番環境のURLで開かなくても内容を実際のブログを開くようにチェックでき、それをずっと使用しているので、いつからブロックされているかは不明でした。 そして、SmartScreen画面の【詳細情報】をクリックすると [この Web サイトは、個人情報や金融情報を盗み取る可能性のある、お使いのコンピューターへの脅威を含む Web サイトであると報告されました。] [この Web サイトは、次の脅威を含むサイトとして報告されています: ・悪意のあるソフトウェアの脅威: このサイトには、コンピューターに保存または入力された個人情報を悪意のある人間に漏らす可能性のあるウイルスまたはその…

続きを読む

ブログを初めて一年目のアクセス数と広告収益について思う事

ウェブリブログに最初の記事をアップしてから、丸一年経ちました。 なんとく始めたブログでしたが、途中欲が若干出てきて、「アクセス数を増やしたい」「広告で収入が得れるのならしてみたい」と思い、実験的に色々としてきました。 そして、その一年の結果を基に、web上にある「こうしたらアクセス数が伸びる」「こうしたら広告で収入が得れる」と言う情報等に対して、どうであったかを書いてみたいと思います。 これからブログを始めようと思っている方や、ご自身のブログとの比較に役立てば幸いと思います。 あくまで、私のブログの場合はどうであったかという内容なので、軽く読み流す程度にして下さい。 アクセス数について 記事を書けば書くほどアクセス数が増えるのは確かでした。 でも、これで97記事目で、100記事近いですが、爆発的に増えてはいません。記事の内容によりけりだとは思いますが、私のブログだと一年かけて一日のプレビュー数が平均100以上となりました。 但し、安かった(お名前.comで30円)事もあり、独自ドメインを2016/05/22に取得していて、増えかけていたアクセス数が、ドメイン取得一週間目くらいから極端に減り、それを引きずっていましたが、現在のプレビュー数は平均100以上まで回復してきているという状況です。 独自ドメイン取得前はプレビュー数の最高が一日200ちょいの時がありました。 独自ドメインのメリット・デメリットについて 独自ドメインを取得すればアクセス数が伸…

続きを読む

忍者おまとめボタンを中央(Center)位置に表示 ~レスポンシブは任意の横幅に~

このブログでSNS(ソーシャル)ボタン表示に忍者ツールズの“忍者おまとめボタン”を使用しています。 このボタン文字通りSNSのシェアボタンをまとめて表示出来て便利なのですが、デフォルトだと横位置が「右」or「左」しかなくて微妙な位置に表示出来ないんですよね。 まずは真ん中に表示させたくて、web上で色々調べたら、忍者ツールズで『助太刀忍者(質問掲示板)』ってのがありまして、同じような質問をされて解答されていたのを見つけたので、それを利用しましたが・・・ 参考URL: http://csbbs.ninja.co.jp/Thread_View/52059/ 頭の <div class="ninja_onebutton"> を <div class="ninja_onebutton" style="width:200px;margin:0 auto;"> に変更すると真ん中に寄りますよとの事で試しました。 ※サイズの“200px”は例としてあげられています 概ね、真ん中に寄るのですが、微妙にど真ん中にはならなかったんです。 理由は、文中の「width:200px」部分でボタン一列分の横幅を指定するのですが、私が使用しているオリジナルボタン(丸型)だと、このサイズが微妙で、どうやってもドセンターにならず、「もうちょいでど真ん中や」と思って、数ピクセルずらすとボタン一個が下に入ってデザインが崩れて一列にならず、もう無理やしそこまでこだわらなく…

続きを読む

このブログの横幅は当分1024ピクセルです ~アクセス解析研究所で分析~

このブログで記事を書きだしてから約1年が経ち、記事の部分を少し広くしてもええかなぁ?と思って、横幅(薄いグレー色部分)1024ピクセルより少し広げようと思ったのですが、現状の1024ピクセルのままにします。 根拠なのですが、意外に1024X768の解像度の端末で見ている方が多いからなんです。 もともと1024ピクセルにしたのは、当時適正と思った“記事幅”“サイドバーの幅”を考慮して、今時のモニターでブログを見る最低の解像度と思う1024X768(XGA)にしました。 ※関連記事 見やすいブログ ~幅・フォント変更(ウェブリブログ)~ でも、「最近もう少しだけ2・3文字分広げても良いかなぁ?」と おそらく、「横幅が1024ピクセル以上の画面で見ているだろうし」 私のこのブログはアクセス解析研究所(アクセス分析ツール)を使っていまして、アクセス解析研究所の画面で確認すると、1週間中にPCでこのブログを見に来ている割合が約60%ちょい。 ※関連記事 ウェブリブログのアクセス解析 ~アクセス解析研究所~ 次に解像度の確認をしていくと横幅が1024ピクセルで見ている割合が“22%”? 思ったより割合が高くてびっくり! まぁ、なんで多いかというと『iPad』の解像度が1024X768だからなんですね。 ウェブリブログって“PC画面”と“モバイル画面”で、ブログのデザインが変わるのですが、『iPad』の場合は、“PC画面”のデザインで表示されるんです…

続きを読む

景色の写真や動画について ~Web上で公開する事は後々役立つ~

ブログをするようになって、色々と考えるようになりました。 もし、旅先で風景などを撮ったのなら、ブログで公開した方が良い。 なので、この前撮った動画をアップします。 動画は“2016年4月28日にポートライナーを使って、神戸空港から三宮に出る時に撮影” さて、なぜ“風景などを撮ったならブログで公開すべき”と思うのかですが、風景って風化するんですよね。 だから、ブログをやっているならば、未来の人の為に公開しておくべきと思っちゃうんですよ。 世の中にはどうしても不幸な事が起こる時があります。 例えば、私の家の近くにあった神社、名前を“吉志部神社”(大阪府吹田市の紫金山公園内)と言いますが、この神社は火事にあいました。 幼き日、校外学習でこの神社を写生したのを覚えています。 この神社が火事にあった時、この時の絵を探しましたが、ありませんでした。 なんとなくさびしかった。 鳥居をくぐって 清めて 階段を上って 門が見えて 今の“吉志部神社”はこうなっています。 これは火事後に復旧された写真ですが、未来になればこの写真であっても懐かしむ方は、世の中のどこかにいるでしょう。 先日も、長崎でなじみになった梅酒と焼酎のバーが、店を閉めるとの事で飲みに行き、店のある路地の写真をブログにアップしたのですが、やっぱり見に来る方がいるんですよね。 どのように検索したのかは判りませんが、懐かしむ何かのキーワードで探され…

続きを読む

ウェブリブログでもページ単位の広告(Google AdSense)使えますね

Google AdSenseから“ページ単位の広告”をおすすめされたので何かなと見ると、モバイルで使える新しい広告という事で、私のブログ(スマホ画面)でも使えるかなと試してみました。 結果、ウェブリブログでも使えています。 ※一番下の赤枠部分が新広告です。 Google AdSenseのコードをページに設置する方法を、パッと読んでいると『 タグ』を触れないウェブリブログは無理なのかなと思いましたが、『または、 の最上部』で構わないとの表記があり試してみました。 モバイル用の新しい広告には2パターンあり 内容はそれぞれの広告の名前のまんまで、“アンカー広告”は、ページ最下部に表示されていて、“モバイル全画面広告”は、リンクを踏んだ場合にスマホの全画面に表示されて、xボタンで消せるけど自己主張が強すぎて、ちょっとね…って感じなんで、このブログでは、今のところ新しい機能の“アンカー広告”のみ使っています。※2016/05/14 非表示にしました 設置位置(ウェブリブログの場合) 先に張り付けた画像のようにウェブリブログで使おうとすると ブログ >設定 >表示項目設定 >SP用フリースペース編集  の フリースペース(記事上部) プレミアムオプション限定 に、コードを貼り付けるだけです。 プレミアムオプション限定のフリースペースですが、もともとウェブリブログで商用利用しようと思えば、プレミアムオプションに入っておく必要があるので…

続きを読む

ウェブリブログにカスタマイズできる記事一覧を貼る ~FeedWind・忍者画像RSS~

ウェブリブログ標準装備の“新着記事一覧”のデザインがどうしても気に入らないので、なんとかならないものかとツールをいろいろと探し、今のようになりました。 また、過去記事をブログ上に表示できないかとも思い、フッター付近に過去記事をランダムに表示する一覧を設けました。 結果、サイドバーの新着記事一覧には『FeedWind』、ランダム表示する過去記事一覧には『忍者画像RSS』を使用しています。(2016/02/27時点) ※2018/07/24以降ウェブリブログがSSL化しましたが、『忍者画像RSS』はこの時点でSSL対応していません。 ※独自ドメイン使用のブログは、SSL化の対応が遅れていると運営側より発表されていますので(2018/08/27時点でhttpのままです)このブログでは『忍者画像RSS』を使用しています。 ※スマホ画面は『FeedWind』を使用しています。 ※『忍者画像RSS』のタグ内で“http:”となっている2箇所を“https:”とする事で表示される事に気づきました。(2018/10/17時点) ※2018/10/23に対応との発表がありました。タグの貼り直しでOKです。 どうして、このRSS表示ツールを使用するに至ったか、書いておかないと後で忘れそうなので、備忘録として記事にしておきます。 どちらのツールにもウェブリブログだと使えない機能があるんですよ。困ったことに。 さて、まずRSS表示ツールとして、私が必要とした条件が ・新着…

続きを読む

ウェブリブログに広告を貼り付ける場合 ~運営規約等を見ました~

このブログは、ご覧のように“Google AdSense”と“Amazon アソシエイト”をしています。 これらの広告を貼り付けて、気になる点と気付いた点をせん越ながら書いていこうと思います。 記事の内容は、私が“Google AdSense”“Amazon アソシエイト”の運営規約・利用規約等を読んで、私と言うフィルターを通して書いているものです。 ネット上で、特に“Google AdSense”に関しては、私の感覚としましては、「なんか怪しいな?」と思う書き方をしているのが多かったので、そんな情報にとらわれず、『各規約にはどう書いているのか知りたい』と思うところから書いています。 特にウェブリブログで広告を貼り付けたいと思っている方の参考になれば幸いです。 この記事は ・“Google AdSense”と“Amazon アソシエイト”に申請し合格 ・ウェブリブログの“プレミアムオプション”を利用し、ウェブリブログ側の広告を非表示にしている 事を前提として書いていきます。 ちなみに、このブログは何より大切なアクセス数もめちゃくちゃ多いと言う訳でもなく、広告で収益があるわけではないので、それをご理解の上ご覧ください。 広告表示上の注意点 Google AdSenseの場合 色々と参考になるブログを拝見していたのですが、『スポンサーリンク』もしくは『広告』の表記が必須のように書かれているものを見ました。 それで、Google AdSens…

続きを読む

ウェブリブログを使用していての感想 ~良い点・悪い点~

ウェブリブログでブログ記事を書きだして半年以上経ち、広告の表示を含むブログのデザインのあり方やユーザーはどのようにブログを見ているかを独自で考え、ブログもそれなりに形になってきたかなと思う(もう、自己満足の世界ですなw)私が、「どこのブログを使おうか?」と考えている方の参考になればと思い、このブログを載せている“ウェブリブログ”に関して、現時点の感想を書きたいと思います。 私の使用感を結論から言えば、妥協しないといけない点はありますが、そう問題はなく、楽に記事を作成できブログを楽しめています。 以下に、気になる点等を少し掘り下げて書いていきたいと思います。 話をする前提としまして、私の環境は ・プロバイダーは“BIGLOBE”。 ・ブログはこれが初めてなので、他社との比較は出来ません。 ・プレミアムオプションに入っている。  ※200円(税別)/月(登録初回月無料)  ※ウェブリブログ側所有の広告を非表示可  ※ブログ上での商用利用が可能  ※フリースペース拡張 ・Google AdSense、Amazonアフィリエイト申請合格済み。 ・記事数はこれを含み63本。 と、だいたいこんなところです。 後、始めた理由は、「なんとなく趣味の一つとして開始」というところでしょうか。 ブログを始めれば儲かるという幻想は抱いていませんw 使用していての感想 良い点 【始めやすい】 私の場合、前提にあるようにプロバイダーが“BIGLOB…

続きを読む

ウェブリブログ:スマホ画面表示 ~PC上でスマホのプレビュー画面を確認~

このブログで、ウェブリブログのカスタマイズ等に特化した情報を記事にさせてもらっているのですが、どうもPC上にスマホのプレビューを表示させたい人が検索をして、このブログを見に来られる事があるようなので、その方法を載せておきます。 めちゃくちゃ単純です。 私のブログ記事で言えば、アドレスを http://s.webry.info/sp/kotobuki1174takasui.xyz/201601/article_2.html にすればOKです。 URL前方に “http://s.webry.info/sp/” を付けるだけです。 ちなみにトップページ ※Google Chromeで見ているので前の http:// は省かれています。 ※幅はドラッグしてスマホの幅くらいにしています。 で、記事のページ どうですか?簡単でしょう? これを知らなければ、確認したい時はいつも“公開”時の“スマートフォン版を見る”から見ないといけないですもんね。 注意として、この方法では記事作成時のPC上のプレビュー画面と違い、参照数カウントの対象となります。 もし、フリースペースに広告のタグ等を付けていても問題なく表示されます。 実際のスマホの画面との違いは、幅だけとなるようなので、それは調整してください。 と、言ってもブラウザをドラッグして幅を調整するだけですけどね。 しかし、この事ってウェブリブログのヘルプに書いているんですかね?以前、調…

続きを読む

ウェブリブログのアクセス解析(スマホ編) ~アクセス解析研究所~

先月の半ばあたりから“アクセス解析研究所”を使っているのですが「なんか件数が足りないな?」と思っていて、気づきました・・・ スマホのアクセス分が抜けていました。 なんともどんくさい話ですが スマホ用の“フリースペース”にも【解析タグ】を設定しないといけないのに抜けていました (-_-) これになかなか気付かなくて・・・ “アクセス解析研究所”の注意事項を見ると 「可能な範囲で全てのページに設置してください。」 とあるのですが、スマホの事はすっかり抜けていました。 ちなみに、ウェブリブログの場合、“プレミアムオプション”に入っていなければ、使える“フリースペース”は“記事下部”の一つだけなんで、そこに設定しておけばブログ記事にアクセスされた時にカウントします。 トップページを見てもカウントはされません・・・、そりゃそうですよね。 “アクセス解析研究所”の【解析タグ】設置の注意事項では 「設置位置がページの下部に近づくほど解析処理が開始されるタイミングが遅くなり、つまり解析されない可能性が高まってきます。」 とあるので、私の場合は“プレミアムオプション”に入っているので、“フリースペース(記事上部) ”に設置しています。 そうそう、自宅で自分のブログをスマホで見る場合除外リストには含まれず、履歴を見ると『自分自身』が見に来ているとなっていますので、カウントしたくない場合は『自分自身』を除外リストに加えておかないといけませんね。…

続きを読む

見やすいブログ ~目にやさしい色・なぜかブルーライトの話も~

このブログをやり出して、見やすいブログを心がけて色々な変更を行ってきましたが、当初から色もこだわっていました。 ポピュラーな色合いは、白地に黒文字だと思います。と言うかそうですよね。 でも、白地に黒文字って長時間見ていると目が疲れるんです。 そうそう、昔、文具屋に勤めていた時にそこではオフィス家具も取り扱っていました。 当時は、グレーっぽい色のオフィス家具や間仕切りに変わっていく時で、その前は白が基本だったんです。 どうしてグレー系の色に移行していったかというと、目が疲れるからなんだと教えてもらいました。 それに真っ白は精神に悪影響を及ぼすようです。 さて、私のブログの話ですが、そう言った事でバックを白にするのはやめようと考え、「バックはグレーが、やはり目は疲れないかな?」と思い、ウェブリブログのテンプレートで探し始めました。 最初は“フォト”の“時計”を選んだのですが、これって全体はグレーっぽいけど、肝心の文面のバックが白だったのでやめました。 で、“テクスチャ”の“スチール”に落ち着きました。 ※PC画面のみ設定しています。スマホの場合はバックが白です。 なんか、このメタル感もかっこええし。 色々と、自分好みでCSSをいじりウェブリブログのデフォルトとは違ったものになってきていますが、デフォルトでいいものは利用しないとね。 そうそう、ウェブリブログの横幅を 1024ピクセル に変更した事で、ひとつデザイン…

続きを読む

見やすいブログ ~テキストの改行・画像等を横並び~

前回の記事、見やすいブログ ~ウェブリブログのサイドバーに写真・画像を表示~の続きです。 今回は下のサンプルの写真横のテキスト類作成方法と、写真とテキスト類を横並びにする方法です。 横並びにする方法を流用すれば、複数枚の写真を横並びにする事も出来ます。 サンプル: 文字にURLを埋め込む: -------------------- <a href="トップページのURL">気になる…</a> -------------------- 赤文字にブログトップページのURL(あくまで私のブログをサンプルにしているのでトップページのURLですが、任意のURLを入れてください)、青文字に表示させたい文字を入れてください。 これで文字にURLが埋め込まれます。 文字を任意の位置で改行: 私は -------------------- <p> 文字 </p>ここで改行される -------------------- のやり方が簡単と思いしています。 サンプルの内容ならば -------------------- <p>←</p> <p>彼は日夜世界平和を考えています</p> <p>…私もいっしょに</p> -------------------- となっています。 他にも“範囲を指定して何文字で改行する”という方…

続きを読む

見やすいブログ ~ウェブリブログのサイドバーに写真・画像を表示~

いろいろなブログを拝見していると、「ブログのサイドに写真付きプロフィールを付けている人多いけど、ウェブリブログは出来ないのかな?」と思い、色々と試してみて今のようになりました。 最初に断っておきますが、私はCSSの勉強なんかした事ないので、セオリー無視でしています。 まぁ、素人のたわごとと思って、軽い気持ちで見てください(^-^) ちなみに、今回作成方法を紹介しようと思っているのはこの画像の写真部分です。 本来なら、「写真・画像を貼りつけて文字を回り込ませる」という事をするのが普通のようですが、これだとただの写真・画像の横に紹介文というようなものになり、おもしろくないので ■マウスオーバーで文字が出てくる ■写真クリックで違う写真が表示される  という事を出来るようにしてあります。 アクセスの解析をすると、私のブログの場合サイドバーの上にある画像をクリックした人は誰もいませんし、誰も見ていないようですw 完全に自己満足ですw この画像部分を作成するためには、他にも ■写真と文字部分を横並びにする ■文字の“気になる…”をクリックするとブログトップページが表示される ■文字列の任意の部分で改行する  と言う事が必要ですが、それはまた後日に順を追ってブログに書いていこうと思います。 ※2015/12/11 記事にしました→見やすいブログ ~テキストの改行・画像等を横並び~ さて、マウスオーバーで文字が表示されて、写真をクリックす…

続きを読む

ウェブリブログのアクセス解析 ~Ptenjine・User Heat~

前に記事で“アクセス解析研究所”の事を紹介しましたが、タイトルにあるアクセス解析ツール“Ptenjine”、“User Heat”もウェブリブログで使用可能だったので紹介したいと思います。 “Ptenjine”、“User Heat”も“アクセス解析研究所”同様に、ウェブリブログのサイドバーの「フリースペース」に貼り付けるだけで使用可能でした。 【Ptenjine】 まず、目を引かれるのがデザイン。 それもそのはずで2013年にグッドデザイン賞を受賞しているツールとの事です。 これも無料版・有料版がありまして、無料版だと下記の条件です ・計測可能PV数/月 25,000 ・計測可能イベント数/月 25,000 ・ヒートマップ利用可能ページ 1ページ そうこのツールはヒートマップも付いているんですよ。 これだけ機能があって、無料で使えるのは魅力ですね。 実際使用してみての感想は、リアルタイムで誰かがブログにアクセスしているのかが見れるのは楽しく、どのページも1ページの中に必要と思われる情報を表示しているので、頻繁にクリックする必要がないデザインになっていると思いました。 申し訳ないけど、少し残念だなと思ったのが、ヒートマップ画面を表示させ操作をしていると、ウェブリブログの場合だけかもしれませんが、参照数にカウントされるんですよ。 後、その表示させたページや、ウェブリブログ上でプレビューさせた画面が“Ptenjine”上では、アクセスしたと…

続きを読む

ウェブリブログのアクセス解析 ~アクセス解析研究所~

兼ねてより、ウェブリブログで作成した私のブログのアクセス解析が出来ないものか試行錯誤してきましたが、“アクセス解析研究所”が良さ気ですね。 実におもしろいですよ(^-^) ウェブリブログで“アクセス解析研究所”が使用できるか試して、実際使用した感想も、以下に書いておきます。 “アクセス解析研究所” でGoogle検索したらサイトが出てきますので、登録(メールを送り、後はメールの内容に従うだけ)して、その後“アクセス解析研究所” 画面の左側メニュー【解析タグ】をクリックし、「解析タグ(トラッキングコード)」をウェブリブログのサイドバーの「フリースペース」に貼り付けるだけ。 アクセス解析研究所 URL https://accaii.com/ -------------------- ↑使用しだしてしばらく経ってから、これ以外にスマホ用のフリースペースにも必要な事に気がつきました。 失礼いたしました。  2015/12/15に記事にしました→ウェブリブログのアクセス解析(スマホ編) ~アクセス解析研究所~ -------------------- サイドバーの「フリースペース」に貼り付ける方法は、前のバージョン(?)の“QLOOKアクセス解析”のHPに記載されていました。 ウェブリブログの場合、“フリースペース(メイン用)”及び“フリースペース3(サイド用)”に貼った場合は、“トップ、最新記事以外は翌日以降”に反映(ウェブリブログにはこう書いていますが反…

続きを読む

見やすいブログ ~CSS フォント一括変更~

前に、見やすいブログ ~見た目は大事~という記事で、本文記事のフォントの変更方法を紹介させて頂き、プロフィールとかも同じように変更をしていました。 でも、個別にフォントを指定していくと「あれっ?ここ出来ていない?」という箇所も出てきて、CSS設定に慣れていない私としては簡単な方法がないものかなと模索しておりました。 するとCSSも“*”が使えるんですね。 “*(半角アスタリスク)”はワイルドカード。どんな文字にもどんな文字数にもなれるんです。 だから、 * { font-family:"メイリオ",Meiryo; } とCSSに付け加えれば、ブログ内のフォントを一括指定できるんですね。 それと私のブログでは、これにフォントの第2候補をプラス(もし、フォント“メイリオ”が入っていない場合に第2候補のフォントで表示させる)して、以下のようにしました。 * { font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; } これを(ウェブリブログ)CSSの出だしの部分に入れて、以下のようにしています。 /*----------------------------------------------*/ /* 共通スタイル */ /* (トップ、月別、テーマ別、記事ページ共通) *…

続きを読む

見やすいブログ ~フォントの話~

今回はフォントについて書きたいと思います。 今見て頂いているブログのフォントは“メイリオ”を使用しています。 とは言っても 比較するものがないと、どう違うのか判らないと思い、以下の簡単な資料を作成しました。 ※画像クリックで拡大 1.は、エクセルの標準フォントです。ウェブリブログもゴシックですね。 2.は、ワードの標準フォントです。 3.は、Vista時に開発されたもので、このブログでも採用しています。 3つの文は同じポイント(大きさ)です。エクセルのキャプチャなので若干字がぼけていますが、違いをお判りいただけると思います。 フォントを変更するだけで、これだけ変わります。特に数字は差がありますね。 もし、手元にカタログなどがあれば、手に取ってください。文字はどうですか?おそらく3.のような文字でしょう? この方が柔らかい感じがするし読みやすいですもんね。 私も仕事柄、デジタル資料をよく作っていたのですが、昔は“丸ゴシック”っていうメイリオっぽいフォントを使っていました。 話は変わりますが、10数年前、私はオフィス全般の商品を取り扱う会社にいました。そこでは名刺も取り扱っていたのですが、お客様で数字のフォントをこだわっているいる方がいらっしゃいました。 特にその数字の中でも『6』にこだわりを持たれていました。 この記事に添付している資料の1.2.を見てもらいたいのですが、『6』の上の部分が丸いですよね。 メイリオ…

続きを読む

見やすいブログ ~広告も大事でしょ?~

前回のブログ記事で、このブログのレイアウトの事を書いてきましたが、今回はブログの広告について、書いてみたいと思います。 「ブログに広告があっていいでしょう」と言うスタンスで書きますし、多少、暴走するような内容があるかも知れませんが、思春期の45歳のオッサンの戯言というスタンスで、見てもらえれば幸いです。 さて、見やすいブログを作成しようと、ブログ(特に“ウェブリブログ”)を色々と拝見しました。 すると、数年前にウェブリブログは無料で広告表示がなく使用出来ていたと知りました。 しかし、現在のように広告表示を行う事となり、その事に対して胸の内を書かれていたブログもいくつかありました。 内容は「私のブログは人の為に情報を提供しているのに、広告を付けるようにするの?広告をOFFにしようとすればお金を取るの?」と言うようなものでした。 (ほんとはもっと否定的に書いていたような気がしますが、オブラートに包んでいますwww) これって、「どうなん?」と、私は思ってしまいました。 いや、だって、広告をOFFにしようとすれば有料でも、もとは無料でしょう? ※ウェブリブログは広告OFFにしようとすれば月額200円(税別) ※無料の場合でも広告は地味な部類 例えば、大家さんが余っている部屋があったので、無料で部屋を貸していた人がいたけど、諸事情があってその人に、「今後も無料でいいけど部屋の前の端に広告を出させてね。お金を払ってくれたら別にそんな事しなくてもい…

続きを読む

見やすいブログ ~幅・フォント変更(ウェブリブログ)~

※この記事はPC画面のお話です。スマホ版が表示されている場合は下記のURLクリックで開き直してください。 http://kotobuki1174takasui.xyz/201510/article_8.html ウェブリブログで、ブログを開始して4ヶ月が経ち、色々と記事を掲載しているうちに、ブログのレイアウトが気になりだしました。 ほんとに気まぐれで記事を作成しだしたのですが、いろんな人が見ている事を考えると、記事の良し悪しは今回抜きにして まず、見やすいブログを心がける のが礼儀だという考えに至ってしまいました。 そして、特にこの1週間、ブログのレイアウトを、どうすれば見やすくなるのかを調べ・考えて、今見て頂いているレイアウトになりました。 このブログは ■全体の幅 : 1024ピクセル ■トップの記事の幅 : 682ピクセル ■記事本文の幅 : 672ピクセル ■サイドバーの幅 : 328ピクセル ■使用フォント : メイリオ ■フォントサイズ : 15ピクセル となっています。 ※広告表示微調整の為 トップの記事の幅:680→682、記事本文の幅:670→672、サイドバーの幅:330→328 に2015/11/28に変更しました CSSの変更はネット情報を頼りに、何度も確認を繰り返し編集しました。その為、この作業でブログのアクセス数が増えちゃいましたwww そして、ブログ本文以外の情報は右側サイドバーに集…

続きを読む

気になるもの ~ブログ始めました・ThinkPad思う事~

皆様、はじめまして。 このブログは2012年1月29日から、このブログ名で存在だけしていたのですが、今まで活用していなかったのでこれから活用していきます。 これがファースト記事となります(^-^) このブログは、私自身が気になったもの・事を掲載していきます。 あくまで個人の意見・考えですので、あしからず。 まずは、パソコンについてです。 もともと、NECが好きでしたが、仕事上『ThinkPad』を販売してから、私自身『ThinkPad』派になりました。 写真はX200(OS:WIN7・32bit、SSD化済)ですが、このブログは去年購入したT440pで作成しています。 10年以上前のR40eに始まり、T61、仕事でX200、現在はT440pをメインで使用するという具合です。 『ThinkPad』の何がいいのかと言うと、堅牢性などもありますが ・大和研究所が設計に関わる(T440pははずれと思いますが…、ボタンが…、アクセスランプが…) ・故障等した場合にパーツを取り寄せて自分で修理ができる と、言うのが特に魅力です。 写真のX200は、HDD等を内蔵させるドッキングステーションが付けられるという遊びがありました。 実用性は抜きにして“ドリル”と“ドッキング”は男の夢です。 そのうち“ドッキング”の素晴らしさは、これで手に入ります。 ・・・多少話が脱線してしまいましたので戻しますと、『ThinkPad』は…

続きを読む

このブログへのお問い合わせ

ブログ名:
きになるてん
読者メッセージを送る
パンチが効いていれば人気ブログランキング