2017 06123456789101112131415161718192021222324252627282930312017 08
TOP > CATEGORY - カスタマイズ(HTML・CSS)

アクセス解析を設置してみよう!(FC2ブログ)

アクセス解析とは設置することで
訪問者の詳しい情報を知ることができるサービスです。

直接アクセスアップに繋がるわけではありませんが
訪問者の傾向を知ることでより読者のニーズに答えた記事を書くことができるでしょう。

FC2アクセス解析を登録する
FC2IDのトップページからサービスの追加を選択して
アクセス解析サービス追加をクリック。
fc2an 1


FC2アクセス解析のHTMLタグをFC2ブログに設定する
FC2アクセス解析のトップページの設定タブの
解析用HTMLタグをクリックします。

fc2an 2

ブログに設置するHTMLが出力されるのでテンプレートに貼り付けます。

FC2ブログの管理画面よりテンプレートの設定をクリックして
HTMLを編集します。

<body>~</body>の間に出力されたコードを貼り付けます。


例(私のブログの場合です、使用しているテンプレートによって多少変わります。
  またアクセス解析のHTMLは多少変わります)

--></script>
</head>
<body>
<!-- [FC2 Analyzer] http://analyzer.fc2.com/  -->
<script language="javascript" src="http://analyzer52.fc2.com/ana/processor.php?uid=1841707" type="text/javascript"></script>
<noscript><div align="right"><img src="http://analyzer52.fc2.com/ana/icon.php?uid=1841707&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<!-- [FC2 Analyzer]  -->
<div id="outline">
<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">


これで設定は完了です、
訪問者が来るたびに情報が収集されます。


FC2アクセス解析で取得できる情報

・アクセス状況
月別や日別、時間別に訪問数などのカウントが見れます、
またそのログをダウンロードすることも出来ます。

・リンク元
どのリンクからブログに訪問してきたか分かります。

・クリック先
ブログ上でクリックされたハイパーリンクを集計します。

・検索エンジン
ブログにアクセスした時、使用したブラウザの種類や
どんなキーワードで検索したかが分かります。

・訪問者
訪問者の情報(都道府県・使用OS・使用してるプロパイダ...etc)などが分かります、
よくある勘違いなのですがアクセス解析を用いても
個人の特定などは不可能です。

・設定
除外設定などが行えます、
HTMLコードもここで発行できます。

・ヘルプ
ヘルプが見れます。

・お知らせ
お知らせが見れます。
このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


パンくずリストを設置する(FC2ブログ)

パンくずリストとは観覧者が今いる記事の階層が
ひとめで分かるようにするための物です。
pankuzu.png
この画像の赤で囲まれた部分がパンくずリストになります。

パンくずリストの設置
まずは管理画面よりテンプレートの編集を行います。

CSSの一番下に

.pankuzu {
font-size:12px; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#0066ff} 
.pankuzu a:visited{color:#0066ff}

と記述。

pankuzu2.png

次にHTMLの編集を行います。
<body>内の<%introduction>以降に↓のHTMLを入力します。

<!-- パンくずリスト -->
<!--not_index_area-->
<div class="pankuzu">
<!--permanent_area-->
<!--topentry-->
<a href="<%url>" title="TOPページへ">TOP</a> > <a href="<%topentry_category_link>"><%topentry_category></a> > title - <%sub_title>
<!--/topentry-->
<!--/permanent_area-->
<!--category_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > CATEGORY - <%sub_title> 
<!--/category_area--> 
<!--search_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > SEARCH - <%sub_title> の検索結果
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" /> <input type="submit" value="Search" class="search" /></form> 
<!--/search_area--> 
<!--date_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > ARCHIVE - <%now_year>年<%now_month>月
<!--/date_area--> 
<!--edit_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > edit - 修正画面
<!--/edit_area-->
<!--tag_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > <%tag_word>
<!--/tag_area-->
</div>
<!--/not_index_area-->  
<!-- パンくずリスト ここまで-->

あとは更新ボタンを押してテンプレートの更新を行います、
適応されているか確認しておきましょう。

(こちらのHTML・CSSの記述は初心者でもできる簡単FC2ブログの作り方様より引用させて頂いております)

トラックバック先URL:http://rgrg.blog61.fc2.com/blog-entry-164.html

このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


ヘッダーを画像に挿し変えてみよう!(FC2ブログ)

よくタイトル部分を画像に挿しかえているブログを見かけますよね、
まとめサイトなどに多いでしょうか。
画像のタイトルは訪問者にブログの印象を残すことができます、
今回はそんなブログのタイトル(ヘッダー)を画像に変更する方法を解説します。

ヘッダー画像を用意する
まずはヘッダー画像を用意します、
サイズはそれほど気にしなくても良いですが800X300ぐらいが良いでしょう。

画像は自分で描いたり素材として配布しているページから頂いたりします、
有名どころでは絵師さんを募集して描いてもらっているブログもありますね。

ヘッダー素材配布サイト
MATERIAL!
ブログ ヘッダー画像 無料

ヘッダーを画像に挿し変える
画像が用意できたらまずアップロードします、
FC2ブログであれば管理画面のファイルアップロードからアップロードしましょう。

アップロードが完了したら次はテンプレートの設定よりHTMLの編集を行います。

まずは<!--▼▼ ヘッダー ▼▼-->と書かれている部分を探します(テンプレートによって名称が異なることもあります)

このブログのテンプレートの場合このようになっていました。


<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>">
<div class="top_search">
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200" />
<input type="submit" value=" 検索 " />
</form>
</div>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->



そして<h1><a href="<%url>"><%blog_name></a></h1>の部分を
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://~" border="0" /></a></h1>
に書き換えます(http://~の部分には画像のURLが入ります)

あとは更新を押せば画像が適用されますので
ブログより確認してください。


トラックバック先URL:http://10plate.blog44.fc2.com/blog-entry-54.html



このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


フリーエリアを使ってみよう!(livedoor Blog)

フリーエリアとは自由に文字を記入し編集できるプラグインです、
このフリーエリアを活用する方法を解説します。

フリーエリアを設置する方法
管理画面よりブログ設定にアクセス、
デザイン / ブログパーツ設定よりブログパーツをクリックします。

自由なカスタマイズ用をクリックしフリーエリア
プラグインエリア(AまたはB)にドラッグ&ドロップします。

フリーエリア設定をクリックすることで自由に編集できます。

フリーエリアの使い方
フリーエリアの活用法はたくさんあります。

使用の一例)
・livedoor以外のブログパーツを設置する
・ブログランキングなどのバナーを設置する
・自分のブログのバナーを設置する
・リンク集を作る
・プロフィールなどを書く
・オススメの記事などをまとめる
・お知らせに使う
・広告を貼る

このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


トップページに最新記事を表示させないようにする(FC2)

本来ブログのホームには投稿した日にち順に記事が並んでいます、
それらの記事を全てトップページから非表示にすることでHPのような見た目になります。

ホームの記事を非表示にする
まず管理画面よりテンプレートのHTML・CSS編集のページにいきましょう、

<!--▼ エントリー(記事)▼-->
<!--not_index_area-->
     
     (省略)

<!--/not_index_area-->
<!--▲ エントリー(記事)▲-->

↑のようにエントリーの直後と直前にそれぞれ<!--not_index_area--><!--/not_index_area-->
と記入してください(テンプレートによって多少名称などがかわります)

次に↓の部分をHTMLより探します。

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
(省略)
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--not_permanent_area-->
<!--▼ページナビゲーション(全体ページ)▼-->
(省略)
<!--▲ページナビゲーション(全体ページ)▲-->
<!--/not_permanent_area-->



見つけたら次の赤文字の部分をHTMLに記入します。

<!--permanent_area-->
<!--▼ページナビゲーション(個別記事)▼-->
(省略)
<!--▲ページナビゲーション(個別記事)▲-->
<!--/permanent_area-->

<!--not_index_area-->
<!--not_permanent_area-->
<!--▼ページナビゲーション(全体ページ)▼-->
(省略)
<!--▲ページナビゲーション(全体ページ)▲-->
<!--/not_permanent_area-->
<!--/not_index_area-->

<!--index_area-->
<!--▼ページナビゲーション(トップページ)▼-->
<p class="page_navi">
| <a href="<%url>" title="<%blog_name>">HOME</a> |
<a href="<%url>page-0.html" title="次ページへ進む">次ページ≫</a>
</p><!--page_navi-->
<!--▲ページナビゲーション(トップページ)▲-->
<!--/index_area-->

※HTMLは全てFC2ブログのテンプレート工房様より引用させていただいております

最後に更新を押して変更が適応されているかブログを確認してください。


トラックバック先URL:
http://10plate.blog44.fc2.com/blog-entry-152.html


このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


アクセスカウンター

最新記事
アクセスランキング
[ジャンルランキング]
コンピュータ
31位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサイト作成
1位
アクセスランキングを見る>>


アクセスランキング