ウェブリブログに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週間は、アクセス数の変わりなく、じわじわと増えているかな?という感じでしたが、人気があり、よく読まれていた記事…

続きを読む

忍者おまとめボタンを中央(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」部分でボタン一列分の横幅を指定するのですが、私が使用しているオリジナルボタン(丸型)だと、このサイズが微妙で、どうやってもドセンターにならず、「もうちょいでど真ん中や」と思って、数ピクセルずらすとボタン一個が下に入ってデザインが崩れて一列にならず、もう無理やしそこまでこだわらなく…

続きを読む

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

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

続きを読む

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

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

続きを読む

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

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

続きを読む

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

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

続きを読む

ThinkPad T440p BIOSアップデートはこわい

10月31日にThinkPad T440p OS:7Pro 64bit(20ANCTO1WW)の BIOSをアップデートしました。 その後、ドッキングステーションに接続しているとパソコンが起動しない状態になりました。(後で外付けのポータブルHDDが原因と判明) あせった、あせった(^_^;) 明確な記録ではありませんが、他に同じような現象になった人の解決のヒントになるかもしれないと思うのと、自らの備忘録を兼ねて、行った内容を掲載します。 ①10月31日、“Lenovo ThinkVantage System Updata”で更新モジュールがないか確認を行い、10月2日にBIOSが更新されている事を知る。 ②BIOSバージョン2.35をインストール。 ③順調に更新が行われたが、ハードの電源を切り、再起動を行うとパソコンが“Windowsを起動します”画面でフリーズ。 ④前回、正常に終了できなかったので、修復or正常起動させるかの画面が表示されるが、そこでフリーズ。 ⑤ドッキングステーションから切り離して、立ち上げると正常に起動する事を確認。 ⑥ドッキングステーションもしくはPC本体に、にポータブルHDD(USB接続)が接続されている場合に起動しない事が判明。  ※但し、BIOSアップデート前は、同じ環境で正常に起動していた ⑦ BIOSを前のバージョンに戻す手段なし。  ※サポートに電話するが一度アップデートすると前バージョンに戻せ…

続きを読む

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

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

続きを読む

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

※この記事は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 そして、ブログ本文以外の情報は右側サイドバーに集…

続きを読む

IE Webドキュメントが消える(お気に入りをクリックしても無反応)

もし、今から書く事と同じ症状の方がいれば、書き込みをお願いしたいです。 私のPCですがインターネットエクスプローラーの ■お気に入り登録情報のwebドキュメントが消える という状況になっていました。 これによりIEのお気に入りのアイコンをクリックしても無反応。 しかし、今は発生しなくなりました。 ↑2015/11/25より再度発生しだしました。 ↑2015/12/21追記:11/25の時はBIOSアップデート後“ExpressCache”の不具合でPCの調子が悪い時でした。PCの調子がもどった後はwebドキュメントが消える現象は起きていません。 Web上では、「セキュリティソフトにマカフィーをインストールしている場合におきるのではないか?」と、している方も見ましたが、現在どうなんでしょう? マカフィー、もしくはWindowsのアップデートで直った? 当方の環境は  ●OS : Windows7 64bit  ●IEのバージョン : 11  ●インターネット環境 : ADSL  ●セキュリティソフト : マカフィー   で起きていました。 どうですかね?環境を書いたところでXPの時からなっている人もいるし、IEも10でなっている人もいるし、これは関係なさそうだと私は推測しています。 ---------- 2015/11/25 今まで起きていなかったのに再発生しだしました。 ここに誤解を生むような表記を…

続きを読む

Windows10-2 ~これでファンクションキーも使えます~ X200をWin10に

ThinkPad X200(7455-A56)にWindows10 Pro(32bit)をクリーンインストールし、私が必要とするTHINKPADの機能(Fn+ファンクションキーも)を使えるようにしてみました。(64bitでも一通り動作する事だけ確認しました) タイトルは、ちょっとファイナルファンタジー風ですが、お気になさらずw 今のところ、イベントビューアーでも致命的なエラーもなく(既知やWin10特有のエラーはあります)、いい感じです。 もしかしたら、後で問題等が見つかるかもしれませんが、作業内容を損失しないように、また、THINKPAD X200をWin10にしようとする方がいらっしゃれば、お役に立つかなと思いブログに記載します。 後、あくまで個人の趣味でやっていますので、ブログの内容を参考にダウンロードやインストールする事は、自己責任で行ってください。(文中でLenovoサポートのURLは記載していますが、それ以外は文中の文言を元に探してexe等をダウンロードしてくださいね) ThinkPad X200にWindows10をクリーンインストールした後は、下記の方法でThinkPadの既存機能がほぼ使えるようになります。 一応、以下の事はクリア出来ていると思います。 ■デバイスマネジャーに“!”マークがないようにする。 ■指紋認証を使えるようにする。 ■Access Connectionsを使えるようにする。 ■省電力ユーティリティを使えるように…

続きを読む

Windows Media Player 31回の不具合対応

これは便利と思い、10年以上使用していたフリーソフトがあった。 ・某ランチャソフト ・某マウスジェスチャーソフト この2つは大変お世話になり、現在もX200(WIN7 32bit環境)では使用させていただいている。 現在は、どちらもバージョンアップされていなくて残念だ。 某ランチャソフトは、カレンダー表示機能があり、今でも、カレンダーのiniに祝日を追加して使用させていただいているくらいだ。 しかし、残念ながらT440p(WIN7 64bit環境)では使用する事ができなかった。 いや、正確に言うとWIN7でも使用できるバージョンを用意してもらっていたのでソフトの機能は使用できていたが、私の環境では思わぬ落とし穴があった。 “DRMで保護されたファイルをWindows Media Player 12で31回再生すると、「Windows Media の失効および更新」「ファイルの再生中に Windows Media Player に問題が発生しました」というメッセージが出て、再起動を余儀なくされる” これは苦戦した。 logicoolのマウスを使用し、setpointをインストールしていたので、それが原因かと思えたが、違っていて… イベントビューアーにもそれらしいエラーログがなく、『何やねん!!』とハマったが、イベントビューアーの「セキュリティ」項目を確認すると“失敗の監査”が、ずっと出ていた。 『なんやこれ?』と思い、詳細を確認すると愛用し…

続きを読む

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

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