山田
ブログリーダー

プロジェクト3‐1:”Wikister”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第3‐1回として、”Wikister”というプラグインについて説明したいと思います。


17/02/20 山田メール(朝目が覚めると猫になっていた。)


学習系Webアプリ”Wikister”

はい、xdomainajax.jsでWikipediaのページを取得しようと思ったんですが、これは流石にできませんよね。笑

ローカルでは取得できたんですが、仕方がないのでブックマークレットとインラインフレームを使う事に。

まあ、考えてもみれば分かる事だったんですが、当然Wikipediaでは実行できず、更にスマホChromeでも実行できなくなりました。

今はスマホからの方がアクセスが多いので、PC版でしか動作しないWebアプリを作りまくっても意味がないんですが、ちょっとコンセプトを見直す事にしました。


画像で一言「朝目が覚めると猫になっていた。」


17/02/21 山田メール(暗証番号は0299、”ニクキュー”って憶えてください。イエーーー、ジャスティス!)


もともとのコンセプト

もともとのコンセプトは、”Wikipediaのページの知識度を評価して、勉強しながらお宝ページを探す”というコンセプトだったんですが、対象をWikipediaからブログにする事にしました。

判定する要素はHTMLで指定できるようにしてあります。

できればWikiでやりたかったんですが、FC2Wikiくらいでしか動作しないと思います。

今、小遣い稼ぎWikiでチェックしてみたら、星8つになりました。笑

山田ブログは、何も指定していない状態で星2つです。

Wikipediaくらいになると、10以上になります。


画像で一言「暗証番号は0299、”ニクキュー”って憶えてください。イエーーー、ジャスティス!」


17/02/22 山田メール(とりあえず箱にでも入って状況を整理するか。)


”Wikister”の仕組み

仕組みは簡単なんですが、Wikiへのリンクを重複なくカウントして平方根+1を計算しています。

ちょっと平方根のグラフが見つからなかったんですが、大体4つのリンクで星3つに、100以上で星11以上になります。

これをWikipediaを探検しながらやりたかったんですが、あちらでは実行できないのでブログバージョンを作ってみた訳です。笑

スマホでも実行できないので、xdomainajax.jsで直に広告を読みこんでもよかったんですが、スクリプトが長くなるので広告ページをHTMLファイルにしてインラインフレームで読みこむ事にしました。


画像で一言「とりあえず箱にでも入って状況を整理するか。」


17/02/23 山田メール(落ちつくな~。)


pスライダーにタイトルを追加

はい、ディスプレイに表示される内容を括っているタグか、その親タグにtitle属性がある場合、タイトルとして表示するようにしました。

どちらにもtitle属性がある場合は、ディスプレイに表示される内容自体を括っているタグ側のtitleが優先されます。

そう言えば以前に「タイトルを伏せられると何の事か分からなくなる」という話をしましたし、pスライダーにも追加する事にしました。

面倒な作業になるかと思ったんですが、JavaScriptとCSSを数行書きかえるだけで済みました。


グラサン侍改め粕田埋蔵(かすたまいぞう)「”山田デバッグルーム”更新中!」


画像で一言「落ちつくな~。」




関連記事
スポンサーサイト

SEOテクニックを毎日実践:ポイントサイト紹介ブログの教科書!

今回のまとめ

今回は、SEOテクニックを毎日実践シリーズの第7回として、ポイントサイト紹介ブログの教科書を作りたいと思います。


17/02/12 山田メール(皆さん、今日は何と!)


どうしても書く事がない時は

はい、ポイントサイト紹介ブログの教科書第1回ですが、ブログの書き方について説明したいと思います。

全然関係ないんですけど、昨年末に放送されていたパズドラのCMを消臭力のCMだと思っていた人っていませんか?

外国人がラーラララーラ歌いながら半透明の球体が漂うCMで、山田は途中までしか見ていなかったんですが、ずっと消臭力のCMだと思っていたんですよ。笑

さて、次項からは具体的にタイトルの付け方からどうしてもブログを書けない時の対処法まで紹介していきたいと思います。


画像で一言「皆さん、今日は何と!」


17/02/13 山田メール(クリスマスの...)


記事タイトルを付ける

記事タイトルの付け方は、ピボット法をお勧めしています。

ピボット法とは、例えばポイントサイト紹介ブログなら、”モッピーの稼ぎ方”とか”モッピーの攻略法”のようにポイントサイト名(固定)にセットで検索されやすいサブキーワードを組みあわせる方法です。

ただ、同じキーワードが含まれている事は問題ないんですが、全く同じタイトルの記事は作らないようにしてください。

Googleはタイトルを非常に重要視しています。

自分の行動を振りかえってみても、ブログを読むときはまず見出しを見て内容を読むかどうかを決めています。

前に紹介した本に書いてあったんですが、心理学的にも※タイトルを伏せられると内容を理解しにくくなるという事があるみたいですね。

※洗濯機の説明に”洗濯機の説明”というタイトルが付いていないと何の事だか分からないという話があります。

ポイントサイト紹介ブログでは、記事タイトル中に具体的なポイントサイト名を毎回登場させるようにしましょう。

そして、もしどうしても書く事がない時は、まずタイトルを考えましょう。

何について書くかが決まれば、内容はすぐに出てくるはずなんですが、それでも書けない場合は以降の項を参考にしてみてください。


画像で一言「クリスマスの...」


17/02/14 山田メール(ごじゅう...)


サブタイトルを挙げる

ブログを4日に1度更新にしてブログが書きやすくなったんですが、その理由がこの”サブタイトル法”です。

通常、ブログはh1にブログタイトル、h2に記事タイトルが入っている事が多いので、その下にh3サブタイトルを1つとh4を3項くらい挙げられるとブログが書きやすくなります。

ブログの記事はこの小さなブロックと論理的な流れでできているので、サブタイトルが決まれば後はそれぞれの項について話をするだけになります。

例えばこのページの場合、タイトルの毎日SEOの1コーナーとして”ポイントサイト紹介ブログの教科書”という企画があって、サブタイトル”どうしても書く事がない時の対処法”について話をしようと思っていて、”タイトルを付ける”と”サブタイトルを挙げる”と”論理的に考える”の3点について話をしようと考えたんですが、そこまで決まれば書く手が止まる事はありません。

それでも書けないという人は、次項の”論理的に考える”を参考にしてみてください。


画像で一言「ごじゅう...」


17/02/15 山田メール(...2日後です!書きためしまくった結果、こうなりました。(ハッピーバレンタイン!笑))


論理的に考える

今度は”論理的な流れ”の方から考えてみましょう。

例えば、あなたが家族にポイントサイトを紹介しようとしているとします。

大人だったら特に専門的に勉強をしてきていなくても論理的思考力は身についているはずですから、その辺りの事は心配しないでください。笑

家族に紹介するとしても、「いいから登録して広告を毎日ポチポチして」とか言っても納得してもらえないでしょう。

要するに家族にポイントサイトを紹介するにしても筋道を立てて説明しなくてはならないという事です。

例えば、「先月、ポイントサイトを利用していたらどれくらい節約できたか」などを計算して説得してもいいですね。

”ポイントサイト紹介ではそんな事はできない”と思うかもしれませんが、説得するのに筋道を立てる事はできるはずです。

ブログにしても筋道を立てる方法に決まりはないんですが、読者を説得するとしたらどうやって説明するかを考えると、割とブログはスラスラと書けます。


画像で一言「...2日後です!書きためしまくった結果、こうなりました。(ハッピーバレンタイン!笑)」




関連記事

プロジェクト2‐1:”占いの館”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第2‐1回として、”占いの館”というプラグインについて説明したいと思います。


17/02/08 山田メール(しまった!見つかったか?)


占いの館

奥様向けに作ってみたんですが、どうですかね~。

ベースになっているのはタロットです。

仕組みを説明すると、pスライダーに散らばった占い師(キャラクター)それぞれに12通りのアルゴリズムがあって、日付と選択したキャラクターの順番によって占い結果がかわります。

開始リンクの下に”シャッフル”というチェックボックスがあると思いますが、チェックを外して同じ日に同じ順でキャラクターを選択して占うと同じ結果が出るようになっています。

シャッフルのチェックを外して、キャラクターを選択せずに占うと必ず0(The Fool[正位置])が出ます。

同じキャラクターは2回選択できません。

また、全てのキャラクターを選択する必要もありません。

これ、データベースを作るのが大変だったんですよ。笑


画像で一言「しまった!見つかったか?」


17/02/09 山田メール(悪いがズラからせてもらうぜ!このお宝は渡せね~な)


一部の解釈を削除

占い開始リンクとpスライダーは、上部オーバレイメニューに移動しました。

占いスペースは、個別ページ末のトイカジノ2の上にあります。

タロットの説明文はWikipediaから引用しています。

しっかし、タロットは解釈がネガティブですね。

悪い結果が多すぎます。笑

”流産”などの表現があったので、一部の解釈を削除してあります。


画像で一言「悪いがズラからせてもらうぜ!このお宝は渡せね~な」


17/02/10 山田メール(撒いたか?)


BGサウンドを追加

BGサウンドとタロット一覧を追加しました。

BGサウンドは、お馴染みの”魔王魂”さんのものを使わせていただいています。

タロット画像には山田ブログのキャラクター達の色相を変更したものを使っています。

正位置、逆位置合わせて全部で44パターンあります。

一度手抜き画像をアップしてしまったので、上書きが大変でした。

後で思ったんですが、トランプの時みたいに1つの画像にして部分表示にした方が良かったかもしれませんね。


画像で一言「撒いたか?」


17/02/11 山田メール(この港から国外に逃亡だ!(”The宝箱4” ~このティッシュだけは渡さない~))


pスライダーの広告表示位置

PC版pスライダーのスポンサー広告をhoverで拡大表示に変更しました。

もともと、”おしゃべり河童君”に広告を入れる方法を考えていたんですが、そっちに入れるならpスライダーに入れた方がいいかと思って。

JavaScriptは上書きしてありますが、CSSの方もアップデートがあるので、お手数ですが利用したい方は説明書の方を再度ダウンロードしてください。

pスライダー配布ページは、小遣い稼ぎWikiの方にもあります。


グラサン侍改め粕田埋蔵(かすたまいぞう)「まとめにしか登場してない...笑」


画像で一言「この港から国外に逃亡だ!(”The宝箱4” ~このティッシュだけは渡さない~)」




関連記事

プロジェクト1‐1:”おしゃべり河童君”を作成!

今回のまとめ

今回は、粕田埋蔵(かすたまいぞう)のブログカスタマイズ講座の第1‐1回として、”おしゃべり河童君”というプラグインを例にプラグイン作成の流れを説明したいと思います。


17/01/31 山田メール(シリーズ2作目にして、ついに主役に躍りでた宝箱)


”おしゃべり河童君”作成の流れ

遊園地のアトラクションに通りかかるタイミングでしゃべりだす人形ってあるじゃないですか。

GitHubでサウンドデータが手に入ったのでオルゴールを作っても良かったんですが、クリスマス向けのゲームで1度作っているので、サンプルとしてページを移動するごとにサイドメニューの河童アイコンに様々なメッセージをしゃべらせてみたいと思います。←テストで動作は確認してあるんですが、実際に設定はしてありません。

この関数にはidを2つ渡すんですが、1つ目は追記に書きこむ優先idで、2つ目はサイドメニューかテンプレートに書きこむ全体idになります。

idの中には、◆区切りでサウンドファイルを複数指定できて、河童アイコンにカーソルを乗せるとランダムに選んだサウンドを再生します。

色々とやっていますが、スクリプトは10行くらいで済んでいます。


画像で一言「シリーズ2作目にして、ついに主役に躍りでた宝箱」


17/02/01 山田メール(どんな困難も乗りこえる。そこに宝箱があるから)


配布について考える

次は、配布について考えてみましょうか。

こういう一言メッセージって、けっこう人気が出るんですよ。笑

もともと配布を前提に書いてあるので、スクリプトはそのままでいいんですが、個別ページごとに設定ができるので、そこだけで1つのコンテンツになりますから、広告を入れたりしてもいいかもしれませんね。

ユニクロのCMみたいな言い方になりますが、山田はいつもxdomainajax.jsを使っています。笑

スクリプトの読み書きができる人からしたらほとんど意味がないんですが、一応簡単なBAN設定もあった方がいいと思います。

とまあ、毎回そうしているとアップデートが大変になりますから、この辺りの機能はpスライダーにまとめます。


画像で一言「どんな困難も乗りこえる。そこに宝箱があるから」


17/02/02 山田メール(そして現れた最強の敵)


プラグインの組み込み

このプラグインは少し単純すぎますが、プラグインの中にもプラグインを組みこめるようにしておくと利用者に自由にカスタマイズを楽しんでもらう事もできるようになります。

プラグインを組みこめるようにする簡単な方法に、JavaScriptのtypeofがあります。

例えば、ifの中でtypeofを使ってymd_plugin1が存在するかどうかを確かめれば、”あれば実行、なければスルー”という処理ができます。

そこで、ymd_plugin1はこちらでは用意せずに利用者に作ってもらえば、こちらが作ったスクリプトの中に利用者が書いたスクリプトを組みこめる訳です。

1人で全ての機能を作るより、(広告ネットワークを作っておいて)利用者にプラグイン作成を許可した方が早く多くの人に配布する事ができます。


画像で一言「そして現れた最強の敵」


17/02/03 山田メール(さあ、鼻をかみなさない。(涙腺崩壊必至))


HTMLで設定ができるようにする

ブログを書いているという事は、だいたいHTMLくらいは使えるでしょうから、HTMLで設定ができるようにしてあげると利用者にとって使いやすくなります。

やり方は簡単なんですが、idを付けてdisplayをnoneにしたdivタグの中に設定を書きこめるようにするだけです。

スクリプト側では初期値は必要になりますが、ifの中でgetElementByIdを使ってidが存在するかどうかをチェックして、あったらinnerHTMLを変数に代入します。

初期値が必要になるのは、if文で確認するので、なかったらなかったでスルーするからです。

別のやり方もあるかもしれませんが、利用者にとっては分かりやすい方法だと思います。


グラサン侍改め粕田埋蔵(かすたまいぞう)「ぶっ、出番なし!」


画像で一言「さあ、鼻をかみなさない。(涙腺崩壊必至)」




関連記事

スポンサーの募集について!◆星1つ

今回のサマリー

今回は、スポンサーの募集について話をしたいと思います。


16/10/11 山田メール(開幕から不吉な予感が隠しきれていない)

スポンサーの募集

そう言えば、このブログはポイントサイトを紹介するブログでしたね。笑

それでは、ポイントサイトをスポンサーにする方法を考えてみましょうか。

今回の話も統計的な裏づけがある訳ではない事には、ご注意ください。(あくまで山田の想像の話です。)

ポイントサイトがターゲットとしている客層は、若くて(失礼な言い方になってしまいますが、)旦那さんの稼ぎがまだあまり多くない、インターネットショッピングに抵抗がない2、30代の主婦の方だと思うんですよ。

旦那さんの稼ぎがまだあまり多くない2、30代なら、ポイントサイトは生活費の足しになりますし、ポイントサイトは案件が利用されないと、ほとんど収入がないはずですから、インターネットショッピングに抵抗がない若い世代に利用してもらいたがっていると考えたからです。

最初はお笑いがいいかと思っていたんですが、そう考えると客層がずれていそうですね。笑

2、30代の主婦の方々の興味と言ったら何でしょうか。

家事の時短とか裏技かとも考えたんですが、仕事をされている人もいるでしょうし。

次回は、この話をもう少し掘りさげて考えてみたいと思います。


画像で一言「開幕から不吉な予感が隠しきれていない」


今回は、主婦の間で人気があるコンテンツについて話をしたいと思います。


16/10/12 山田メール(森で眠ってしまっていた所を起こしてくださってありがとうございます。良かったら一緒に踊りませんか?)

主婦に人気のコンテンツ(1)

まずは、簡単に主婦に人気のテレビ番組を検索してみたんですが、女性は男性と比べてドラマを見ている事が多いみたいですね。

お笑いとかバラエティは、あまり出てきませんでした。

お笑い芸人だったら誰でしょうね。

検索しても出てこなかったんですが、渡辺直美とかインスタグラムで人気があると思います。

他に参考になりそうなものには、テラスハウスとか笑っていいとも、アメトークがあったんですが、ちょっと情報が古そうです。笑

こうして並べると、割とブログのデザイン(オシャレな感じ)も大事なのかもしれません。

この案は、ポイントサイトの話をしなくてもポイントサイトを紹介できるので、いいかと思ったんですが、少し視点をかえた方が良さそうですね。


画像で一言「森で眠ってしまっていた所を起こしてくださってありがとうございます。良かったら一緒に踊りませんか?」


今回も、前回に引きつづき主婦の間で人気があるコンテンツについて話をしたいと思います。


16/10/13 山田メール(つつもたせ?それっておいしいんですか?まあ、2度ある事は~って言いますけどね~。ここはメルヘンの国。そんな心配は要りませんよ☆(笑) あ、お兄ちゃ~ん!)

主婦に人気のコンテンツ(2)

ここで挙げるコンテンツは、アンケートなどで調査したものではない事は、ご注意ください。

ココナラにホストクラブをオープンしたら、面白いかと思ったんですが、(冗談は置いといて、)恋愛、ファッション、エステ、旅行、ダイエット、インテリアなんかがあるんじゃないかな~と思うんですよ。

こうして並べてみると、女子力高そうな話題ばかりですね。

山田でもできそうな話と言えば、整理収納くらいだと思いますが、お笑いとの相性があんまり良くないかな~と。

次回は、女子力について考えてみたいと思います。


画像で一言「つつもたせ?それっておいしいんですか?まあ、2度ある事は~って言いますけどね~。ここはメルヘンの国。そんな心配は要りませんよ☆(笑) あ、お兄ちゃ~ん!」


今回は、女子力について考えてみたいと思います。


16/10/14 山田メール(ふんっふんっふんっふんっ(お兄様登場準備中))

女子力とは何か

ブログ村の人気ブログを読みまくってみたんですが、確かに女子力高めですね~。

女性が思っている”女子力”って、言葉に表すと、念能力に近いものがあると思うんですよ。

エステに通っていると、女子力がアップして、言わなくても男性がそれに気づくみたいな。笑

この話をしていて思ったんですが、自信みたいな力なのかもしれませんね。

エステに通うと容姿に自信がついて、男性がそれに気づくみたいな感じでしょうか。

確かに、自信は内容を伴っている事が多いでしょうし、だったら、人からほめてもらうだけでもアップしそうな気がしますが。笑

男性の間で言われている女子力って、男がちょっと難しい料理(特に菓子系)をしたり、美容グッズを使っていたりする事だと思うんですね。

握力とかだったら分かりやすいんですが。

iPhoneを握らせて縦に折れたら強化系とか折れずに曲げたら変化系、粉々にしたら特質系とかで女子力診断アプリができそうですね。(←いちいち、iPhoneが壊れますが、笑)

お笑いとの相性は、どうでしょうね。

女子力高めのギャグ漫画とかお笑い芸人とかいそうな気がしたんですが、だいたい女子力関係はインスタグラムを利用しているみたいなんですよ。

(写真集みたいに)画像だけの方がいいのかもしれませんが、検索でヒットさせるのが難しくなりますし。笑

ちょっとブログのデザインを大幅に変更するかもしれません。(デザインか内容かを考えた結果、内容という結論になりました。)


画像で一言「ふんっふんっふんっふんっ(お兄様登場準備中)」



忍者AdMax忍者AdMax

関連記事

便利メニュー
携帯版山田ブログ(タグランキング)携帯版山田ブログ 更新情報メールボックス スターターガイドお役立ちツール集 ブックマークはてなブックマーク
お薦めポイントサイト1位
モッピー!お金がたまるポイントサイト
モッピー
14年注目度No1
ポイントレート 1ポイント=1円(1コイン=0.1円) 紹介制度 2ティア(40%) 最低換金額 300ポイント(300円)~ 換金上限 なし
げん玉
お薦めポイントサイト2位
毎日お得がいっぱい げん玉
げん玉
人気No1
こちらから登録で250Pがもらえます!
ポイントレート 1ポイント=0.1円 紹介制度 3ティア(最大35%) 最低換金額 3,000ポイント(300円)~ 換金上限 一日1万円まで
ハピタス(入門系)
3位
日々の生活にhappyをプラスする|ハピタス
ハピタス
入門的ポイントサイト
こちらから登録で30Pがもらえます!
ポイントレート 1ポイント=1円 紹介制度 2ティア(最大40%) 最低換金額 300ポイント(300円)~ 換金上限 一か月3万円まで
GetMoney!(メール受信系)
☆4位☆
お小遣い稼ぎなら最強ポイントサイトGetMoney!
GetMoney!
メール受信で稼ぐなら
ポイントレート 1ポイント=0.1円 紹介制度 2ティア(50%) 最低換金額 5,000ポイント(500円)~ 換金上限 なし
ポイントタウン
チャレンジ中
ポイントでお小遣い稼ぎ|ポイントタウン
ポイントタウン
コンテンツ量No1
こちらから登録で500Pがもらえます!
忍者AdMax(自動で稼ぐ系) ブックマークレット
山田バー t検定のピタゴラスイッチ ブログクエスト ブログクエスト(バトル) トイカジノ2(ポーカー) 山田フィッシング 山田城と不気味なスリラーナイト 山田城と不思議なクリスマスキャロル 山田城 山田城と麗らかな春 pスライダー 占いの館
相互リンクについて
当ブログは相互リンク歓迎です絵文字237
ただし、相互リンクは、
お小遣い稼ぎ情報を扱っていて、
お申し込みをいただいた時点で更新を続けられているサイト様
に限らせていただきます絵文字234
※こちらから申し込みをさせていただく場合は
この限りではありません絵文字203
リンクはこちらもそういたしますので、
トップページからしていただけると嬉しいです絵文字236
なお、内容について、
法律に反していたり、
モラルが欠けていたりする場合などは、
リンクをお断りさせていただく事があるので、ご了承ください絵文字183
横断検索サポートを始めました。
相互リンクをしている必要はありませんが、
サイドメニューで使われたい方はリンクをお願いします絵文字87
一言お声掛けいただければ、
こちらからもリンクいたします絵文字179
お申し込みは、
相互リンクの輪
コメントからお願いします絵文字228
相互リンクについて!◆星2つ