sscorpAdmin のすべての投稿

Milliard関連ページのLivedoorブログ版をリリースしました

Milliard関連ページのLivedoorブログ版について

簡単に導入出来てスタイリッシュな関連ページを表示出来るMilliard関連ページの「Livedoorブログ版」もリリース致しました。

Milliard関連ページはWordPress版 / Blogger版 / はてなブログ版がリリースから3週間で30を超えるブログに導入頂き好評を頂いております。

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

Milliard関連ページ、3つの特徴と用途

タテ・ヨコ比が違ってもきれいに並ぶ

ガジェット、グルメ、バイラルメディアのデザイン性が向上

スクロールで多くの記事を推薦できる

テキスト中心、画像中心、記事数が多いサイトのPV増

スマホ / PC / タブレットあらゆるサイズのデバイス対応

制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

利用方法

はてなブログのスマートフォン版でMilliard関連ページを表示する方法

初版で出した方法ではスマートフォンでは表示されない場合があったため追記させて頂きました。

もし、現在スマートフォン版で関連記事が表示されない方がいらっしゃいましたら、下記の方法を参考に設定下さい。

スマートフォンの設定をする(無料ユーザ)

左ペインのスマホマークをクリックします。

スクリーンショット 2014-11-14 11.41.22

上記の画像のページの中央部、「PCと同じHTMLを設定する」をチェックします。

スクリーンショット 2014-11-14 11.45.42

記事上・記事下にMilliard関連ページ以外で設定されているコードが、PC専用だった場合、表示が崩れる可能性があります。(例:width:1000pxなどを指定しているCSS)

ですので、上記の設定をした場合には、スマートフォンで表示がおかしくならないかどうかご確認下さい。

スマートフォンの設定をする(Pro)

Proの場合には、記事下のカスタマイズを利用すれば問題なく設定出来ます。

⇒最初から設定する方法はこちら

Milliard関連ページのはてなブログ版をリリースしました

Milliard関連ページのはてなブログ版について

簡単に導入出来てスタイリッシュな関連ページを表示出来るMilliard関連ページの「はてなブログ版」もリリース致しました。

Milliard関連ページはWordpress版 / Blogger版がリリース10日で20以上のブログに導入頂き好評を頂いております。

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

Milliard関連ページ、3つの特徴と用途

タテ・ヨコ比が違ってもきれいに並ぶ

ガジェット、グルメ、バイラルメディアのデザイン性が向上

スクロールで多くの記事を推薦できる

テキスト中心、画像中心、記事数が多いサイトのPV増

スマホ / PC / タブレットあらゆるサイズのデバイス対応

制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

評価版の導入実績

評価版からご利用頂いているブログは以下です。

利用方法

Milliard関連ページのよくあるカスタマイズについて(WordPressプラグイン)

好きな場所に挿入するには?

HTMLタグ、もしくはPHPのコードのいずれかで表示場所を変えることができます。

・HTMLタグで指定する方法

テーマのsingle.phpの任意の場所に、

<ins id="ssRelatedPageBase"></ins>

を挿入します。

タグがdivだったりIDが間違っていると表示されなかったり、<ins id=”ssRelaedPageBase”/>のような形だと表示が崩れる場合があるので、上記のタグをコピーしてお使い下さい。

・ウィジェットで指定する方法

任意のウィジェットに、

<ins id="ssRelatedPageBase"></ins>

を挿入することで位置を指定出来ます。

・PHPコードを利用する方法

テーマのsingle.phpの挿入したい箇所に、

echo do_shortcode("[milliard]");

を挿入して下さい。

PHPコードの記述が間違えると全ての記事が表示されなくなる場合があるので、必ず上記のコードをコピーしてお使い下さい。

「こんな記事も書いてます」を変更するには?

プラグインの設定画面の「紹介文」を変更してください。

WordPressプラグインではHTMLは現在書けない仕様になっておりますので、もしスタイルを変更したい場合には、本ページの「紹介文のスタイルを変更する」をご参照下さい。

紹介文のスタイルを変更するには?

CSSファイルで以下のセレクタのいずれかを変更して下さい。

ヘッダー全体:.ssLimitedContainerHeader

テキストのラッパー:.ssLimitedContainerHeader > div

テキスト部分:.ssLimitedContainerHeader > div > div

画面下に出てくる記事一覧消すには?

プラグインの設定画面の「表示場所」の「フッターの下」のチェックを外してください。

スマートフォンでの表示を指定件数表示に切り替える(0.0.7以降)

プラグイン設定画面の下部、「挿入箇所のスクロールを無効にする」をチェックし、変更を保存します。保存後、件数を指定することでスクロールが無効化され、指定件数の記事が表示されるようになります。

記事のデザインをフルカスタマイズする(0.0.15以降)

プラグイン設定画面「独自テンプレート」の項目を編集することで、お持ちのサイトのデザインに合わせた見た目に変更する事ができます。

PC / スマートフォン・タブレットのそれぞれ設定してください。

画像・タイトル・リンクの表示場所は下記の様に指定します。

・画像を表示する箇所を指定する場合:imgタグのclass=”ssImage”を持つタグを挿入して下さい。

・タイトルを表示する箇所を指定する場合:class=”ssTitle”を持つタグを挿入してください。

・遷移先を指定する場合:class=”ssTitleAnchor”を持つタグを挿入してください。

・画像が存在しないときの画像:代替画像のURLを設定してください。

HTMLの例:

<div class="articleContainer">
<div class="contentContainer table">
<div class="imgCell"><span class="imgContainer">
 <img class="ssImg" alt="" />
 </span></div>
<div class="titleCell"><a class="ssTitleAnchor"> </a></div>
</div>
</div>

※上記のコードでは、articleContainerなどへの指定をstyle.cssに追加しています。

記事のデザインを一覧形式にする(0.0.16以降)

ver0.0.16以降から、モバイルとPC版で表示する形式を選べるようになりました。

モバイル版での表示が大きいとスクロールするのが大変そうだな・・・と思われる方にはこのカスタマイズがオススメです。

PC版、スマホ版のそれぞれパネル形式・リスト形式のいずれかをお選び頂けます。

デフォルトではPC・スマホともにパネル形式が選択されています。

設定方法

下記の画像の赤枠の場所をパネル / リストの選択を変えることで切り替わります。

※ただし、WP Super Cache等のキャッシュ系プラグインを利用している場合にはキャッシュを削除しないと反映されません。

リスト、パネルの切り替え

PC版での表示のパネル形式

スクリーンショット 2015-03-03 15.59.07

PC版でのリスト表示例

PC版のリスト表示

モバイル版でのパネル表示例

スクリーンショット 2015-03-03 16.08.22

モバイル版でのリスト表示例

スクリーンショット 2015-03-03 15.58.39

詳細設定をすることで、オリジナルテンプレートの設定や、スマホ / PCの判定ロジックの選択ができるようになります。

今まで表示していた関連ページと完全に合わせたい方などに詳細設定はオススメです。

記事一覧の高さを変更するには?

下記のCSSをCSSファイルに追加することで高さの変更が可能です。
.ssArticlesContainer.limited{max-height:300px !important;}

リンクを太字にするには?

下記のCSSをCSSファイルに追加することで、リンクを太字にすることが可能です。

・挿入箇所のみに適用する場合
.ssArticlesContainer.limited a { font-weight:bold;}

・フッター、挿入箇所両方に適用する場合
.ssArticlesContainer a { font-weight:bold;}

・フッターのみに適用する場合
.ssArticlesContainer:not(.limited) a { font-weight:bold;}

Milliardから関連ページのプラグインをリリースしました

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

詳細はこちら

商品企画のきっかけは「ブログ、表示おかしくない?」

友人のブログを見ると、関連ページの表示がおかしいことに気づきました。

問題の例を挙げると、画像がつぶれて表示されていたり、表示領域がPCだと画面の半分くらいになっていたり等です。

「他のサイトも同じ状況なのか?」と思って調べると、色々なサイトで表示に問題を抱えていることが分かり、開発にかかりました。

「美しい」ツールにすべき

ツールが備えるべきは、「技術が不要」に加え「見た目も美しくなる」ことだと考えました。

読者目線で美しくないと感じるのは

・画像がくしゅっとつぶれている

・記事ごとに画像の縦幅が異なり、縦幅が揃わない

の2点です。

Milliard関連ツールは、画像の比率とデバイス幅から最適解を計算し、上記の問題を解決することに成功しました。

WordPressではプラグインをインストールするだけ、Bloggerではscriptタグを埋め込むだけで使える様になります。

マルチデバイスや、画像をきっちり揃えるのが面倒な方はぜひ、利用してみてください。

商品名のMillardとは?

商品企画に携わってもらったブロガーと、大学生数名とやっている「メディアのためのプロジェクト」がMilliardです。

もし宜しければ、こちらも覗いてみてください。

シスウ株式会社 代表取締役

星野 善彦

集客や売り上げ増に関する「メディアのためのメディア」Milliardを立ち上げました

人気ブロガー等、集客に長けた人が執筆する集客ノウハウメディア「Milliard」を立ち上げました。

執筆者は現在約70万PVのブログを運営する柳下修平さんです。

cinemawith-alc.com

柳下さんのフォロワー数は80,000超、検索エンジンでは書けば上位に載るため、多くのPVを集めています。

ここでは、柳下さん記事の一例を紹介させて頂きます。 

ブログ成功談を苦労話を交えながらしている記事も参考にしない方が良い(でも読み物としては楽しめる)

ブログサービスはどれを使うべきか?WorPress?Blogger?FC2?Livedoor?アメブロ?

ぜひ、ご一読下さい!

 

あなたシスウ「 日本代表以外の情報も拾える!ワールドカップ国別まとめ」公開のお知らせ

シスウ株式会社が運営するWebサービス「あなたシスウ」(http://www.shisuh.com/)において、ワールドカップの特設サイトをオープンしました。

特設サイトURL: http://www.shisuh.com/wc/wc.html

■特設サイトの特徴

ワールドカップの情報が溢れる中で、

・「好きなチーム、またはグループの情報だけを購読したい」

・「あまり詳しくないので、わかりやすい選手中心で出して欲しい」

というヘビーユーザ・ライトユーザ双方のニーズに応えるサイトです。

■特設サイトの使い方

ワールドカップの特設サイトで「ワールドカップ」「グループ名」「チーム名」のいずれかをワンタッチで登録するだけで、毎日2回情報が更新されます。

使って行くと好きな選手やチームを学習し、「あなた」の興味ある「グループ名」「チーム」を漏らさずチェックすることができます。

■利用環境

メールとWebが利用出来る環境であれば、いつでもどこでもワールドカップの情報を楽しむ事ができます。

「あなたシスウ」はPC・タブレット・スマートフォンにて利用出来、アプリは現在準備中です。

新WEBサービス「あなたシスウ」のβ版リリースしました

シスウ株式会社はWebにある情報の中から最適なニュース・公式サイト・商品等をオススメするWebサービス「あなたシスウ(β版)」を2014年6月9日に公開致しました。

URL:http://www.shisuh.com/

■会社の概略と目的

情報利用の利便性を追求する事によって、様々な人が抱える悩みや知りたいことを「シスウ(指数)」関数的に解決する為に2013年9月に設立されました。

ユーザーである情報利用者は、Webから”リアル”で活用できる情報を自動で入手できるというメリットを、さらには情報提供者にとっても、「伝えたい情報を伝えたい人に、確実に伝えられる」社会を目指しています。

■サービス名:「あなたシスウ」

あなたシスウは「あなた」の好みを「シスウ」に基づいてオススメする、というコンセプトに由来しております。

■サービスの特徴

「あなたシスウ」の特徴は、自動推薦・関連商品の推薦・未読ページを優先して推薦されることで、隙間時間にも5分以上のまとまった時間にも、使い勝手の良いサービスとなっています。

(詳細なサービス情報は、こちらをご参照下さい。)

■市場と競合

レコメンド市場では、ソーシャル型とキーワード型が先行して存在するものの、大部分のジャンルにおいて「興味ある情報を簡単に取りたい」というユーザーのニーズを完全に満たしているとは言えません。

そして、上記の現在不在となっているはずのマーケットが、潜在的に最も大きいニーズとシスウは捉えております。

■基本戦略

ユーザのニーズを高品質・低コストで実現できる技術により、後発ながら全ジャンルで最も優れた情報源となる大手ECサイトのようなロングテール戦略をとります。

ユーザーの拡大については、Webサイト運営者やオンラインでの情報発信者等にメリットを持たせることで、検索エンジン・Web・アプリ・SNS上に広大な集客網を構築します。

(上記に該当する詳細な機能に関しては、こちらをご覧下さい。)

■利用環境

PC・タブレットでの閲覧、メールでのオススメ情報の受信が可能です。
スマートフォンアプリ等での利用は現在準備中です。