超短縮!【Twitter counter】外部ファイル化手順 | 稼ぐアフィリエイトブログ アメブロで稼ぐ方法とは?

超短縮!【Twitter counter】外部ファイル化手順

超短縮!アメブロプラグイン字数制限回避


稼ぐブログとは?実践的アフィリエイト戦略「稼ぐブログ」。アメブロ@アメブクま!



「Twitter counterを外部ファイル化設置」


全てのブログパーツ等にも応用できるスキルです。


私は、ブログパーツの長いスクリプトは外部スクリプト

化してますが、他に字数制限回避方法はあるようです。


他の文字制限回避方法はこちら で紹介されてます。


注)フリープラグイン編集は自己責任でお願いします。

不具合発生等のクレーム等は一切お受けできません。


「スクリプト置き場の準備」

スクリプトを置くサーバー、もしくはアメブロで新しい

ブログアカウントを準備します。


サーバーでアップロードする場合、無料・有料どこでも

可能ですが、無料鯖ならFC2ホームページ がおすすめ。


ですがHTMLを1つもアップロードせず、完全スクリプト

置き場だと消される危険性があります。

 

レンタルサーバーをお持ちならばそちらを推奨します。


「Twitter counterコードをメモ帳にコピー」


1 こちらのページ で設定した後、発行されたタグを
  メモ帳にコピー

2 下の赤い部分をコピーし、別メモ帳に貼り付け

このブログの例

<script type="text/javascript" id="tcws_168916530">

(function(){function async_load(){var s=document.createElement

('script');s.type='text/javascript';s.async=true;s.src='http://twitter
counter.com/remote/?v=2&username_owner=affilifollowall&users
_id=11787490&width=240&nr_show=6&hr_color=709cb2&a_color=
709cb2&bg_color=ffffff';x=document.getElementById('tcws_16891
6530'); x.parentNode.insertBefore(s,x);}if(window.attachEvent){window.attachEvent('onload',async_load);}else{window.
addEventListener
('load',async_load,false);}})();

</script><div id="tcw_168916530"></div>


「外部スクリプト置き場にアップロード」

1 

適当にファイル名を決めメモ帳を保存します。

ファイル名の後の拡張子はjsで名前をつけて保存。


2

アメブロ内におく場合は、別ブログを用意し、テンプレ

をカスタマイズ可能なものに変更した後、CSSを全て

消しスクリプトをペーストします


例:抽出コード例(あくまで例です)

(function(){function async_load(){var s=document.

createElement('script');s.type='text/javascript';s.

async=true;s.src='http://twittercounter.com/remote

/?v=2&username_owner=affilifollowall&users_id=117

87490&width=240&nr_show=6&hr_color=709cb2&a_co

lor=709cb2&bg_color=ffffff';x=document.getElement

ById('tcws_168916530'); x.parentNode.insertBefore

(s,x);}if(window.attachEvent){window.attachEvent

('onload',async_load);}else{window.add

EventListener('load',async_load,false);}})();


1

サーバーにアップロードした場合は、そのファイルの

URLをメモ帳に貼り付け


2

アメブロの場合はスクリプトブログをブラウザで表示

した後、Firefoxメニュー「表示⇒ページのソース」

CSSがいくつかありますが、通常は上から4番目の

URLをコピーして、メモ帳に張りつけます。


抽出したURL例

http://usrcss.ameblo.jp/skin/templates/ce/77/111.css"


「修正後、フリープラグインにペースト、保存」


↓の様にメモ帳内で修正して、フリープラグインに貼り付け


修正例

<script type="text/javascript"src="抽出したURL"id="

tcws_168916530"></script><div id="tcw_168916530"></div>

たったこれだけになりました。


「アメブロ文字制限外部スクリプト化まとめ」


メリット


1 フリープラグイン字数制限がだいぶ楽になる


2 SEO対策的にも外部スクリプトは有効


デメリット


1 外部化した物の表示が一瞬遅れる場合がある


2 無料サーバー、別アメブロを、スクリプト用にする

場合、スクリプト置き場として削除される可能性

    

注意点


外部スクリプト前には、フリープラグインは事前に

メモ帳にペーストしておく等してバックアップ推奨


全てのブログパーツ等のスクリプトに応用できま

すが、確かGoogleアナライズは無理だと思います。

外部ファイル化がうまくいかない人は前回の記事、

RTボタン外部ファイル とあわせてやってみましょう。


2~3回成功すれば、もう慣れると思います。


外部ファイル化の表示チェックはIEだけでなくFire

foxでも必ずやるようにしましょう。表示されてない

可能性があります。


最後にくれぐれも自己責任でお願いします。


これからせどりサブブログを作ります Coming soon!

応援宜しくお願いします(別窓表示)


稼ぐブログなら!アメブロアフィリエイト。 blogram投票ボタン