WDPやWGPに忍者おまとめボタンを導入する
- 2013/01/27 12:07
- カテゴリー:Web Liberty
- タグ:Web Diary Pro, Web Gallery Pro, ソーシャルボタン
- 忍者ツールズ のアカウントでログインし(忍者ツールズのアカウントがない場合は新規登録してください)、忍者おまとめボタンのトップ からスタイルを選んで「上記セットで新規作成」か「設置ボタンを1つずつ選択して作成」のボタンを押します。
- 利用規約に同意して次へ」を押します。
- 「設置するWebサイトを選んでください。」と出たら、「その他のブログ」をクリックします。
- プレビューで位置などを確認後、「コードをコピーする」を押してスクリプトコードをコピーします。
- コードの貼り付け
- Web Diary Proの場合
skin/diary.html の</div> <!--SKIN_DIARY_END-->
の前に(デフォルトの場合)コードを一旦貼り付けます。
貼りつけたコード(xxx~はコード番号)を、
に編集(赤字を追加)します。<div class="ninja_onebutton"> <script type="text/javascript"> //<![CDATA[ (function(d){ if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx)=='undefined'){ document.write("<sc"+"ript type='text¥/javascript' src='http:¥/¥/omt.shinobi.jp¥/b¥/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'><¥/sc"+"ript>"); }else{ window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.ONETAGButton_Load();} })(document); //]]> </script><span class="ninja_onebutton_hidden" style="display:none;">${ARTICLE_URL}</span><span style="display:none;" class="ninja_onebutton_hidden">${ARTICLE_SUBJ}</span> </div>
- Web Gallery Proの場合
skin/view.html の</div> <!--SKIN_GALLERY_END-->
の前に(デフォルトの場合)コードを一旦貼り付けます。
貼りつけたコード(xxx~はコード番号)を、
に編集(赤字部分を追加)します。<div class="ninja_onebutton"> <script type="text/javascript"> //<![CDATA[ (function(d){ if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx)=='undefined'){ document.write("<sc"+"ript type='text¥/javascript' src='http:¥/¥/omt.shinobi.jp¥/b¥/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'><¥/sc"+"ript>"); }else{ window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.ONETAGButton_Load();} })(document); //]]> </script><span class="ninja_onebutton_hidden" style="display:none;">${ARTICLE_URL}</span><span style="display:none;" class="ninja_onebutton_hidden">${ARTICLE_SUBJ}</span> </div>
※タイトル部分にサイトのタイトルを表示させたい場合は上記の${ARTICLE_SUBJ}の部分に適宜${INFO_TITLE}を加入してください。
- Web Diary Proの場合
※基本的には一度設置した管理画面でボタンを変更する時でもコードの張り替えを行う必要はありません。