コメント私は2年ほどゲームを作ってサイトで公開してきたわけですがまったくアクセスが伸びません(-_-)正直言うと日に20人も来ないです。そんなしょっぼいアクセス数で心が折れまくりです(;_:)とはいえ、これまで頑張ってきたものをこのまま諦めてしまうのは嫌なのでどうにか悪あがきできないだろうか、といろいろ考えた中で浮かんだのがこのiframeでの埋め込みを使って拡散する方法です。最初はやりたくなかったもともとブラウザゲームをiframeで埋め込めることは知っていたけど、無料ゲーム紹介サイトに載せたくはなかったです。本当に正直に言うと、せっかく一生懸命作ったゲームをそんなサイトの小遣い稼ぎに使われるのはすごく嫌でした。本当にそう思ってました。背に腹は代えられない。結論から先に言うと、ゲームサイトに紹介してもらってアクセスはものすごくアップしました。埋め込みなので私のサイトに直接来ているわけではないですが、それでも結構な人数の方がゲームをやってくれている、という実感を得られるようになりました。「無料ゲーム紹介サイト」のようなサイトの必要性を理解しました。それらのサイトは営業をしてくれているんですよ。彼らが得る収入はその営業の見返り。ゲーム紹介サイトでは海外のゲームがほとんどな感じだけど、きっと海外はそういうところを理解して埋め込みしてもらうことを前提にしてるんだろうと思いました。いうサイトにたくさん掲載される方が自社で営業するより遥かに効果があることを知ってるんでしょうね。日本人は考えがせこいんでしょう(^-^;ただ埋め込めるだけだともったいないとはいえ、ただ自分の作ったゲームをiframeで埋め込めるようにするだけでは得がない。収益に結び付けなければいけない。一つとても残念なのがiframe内に広告を貼り付けることはgoogleアドセンスでは規約違反になるようです。辛いですが諦めるしかありません。一応ゲームに埋め込めるタイプのアドセンスも用意されているようですが、それを利用できる条件の一つに「100万pv/月」というスーパーハードな条件があります。́;ω;`)残された方法としてはiframeで埋め込んだゲームから自分のサイトにリンクで来させること。通常のリンクだとiframe内で処理されてしまうので、リンクは必ず新しいタブで開くように「target=”_blank”」をつけておく必要があります。ゲームファイル内に書き加えたくはないのでこのリンクは別に作る必要があります。埋め込み専用ページを作るゲームの上にリンクボタンを表示するには専用のページを用意する必要があります。それをゲーム毎に用意するのは面倒なのでwordpressのカスタム投稿を埋め込み用に一つ新たに作成しました。これを埋め込み用のデザインに新しく作ります(ヘッダーやフッターなど不要なものを削る)。ゲームは通常のゲーム紹介ページに使ってるゲームファイルを共有して使います。カスタムフィールドかパーマリンクをゲームデータの保存先フォルダ名を入れておくと取り出しやすいです。cssもenchant.jsとiframeの画面がマッチするように作っておく必要があります。これがけっこう面倒くさいですね(;^ω^)リンクボタンを作るリンクボタンをゲームの上に表示させる必要があります。position:absoluteでゲームの上に配置してz-indexで上に表示されるようにします。ゲーム中邪魔になる場合はドラッグで移動できるようにする必要があるので、単純にクリックだけの操作ではないのでjavascriptでうまく作ってやる必要があります。今回作ってみて、androidのときだけドラッグの操作がうまく動かなかったんですよね(-_-;)これは今後の課題。完成はこんな感じこんな感じで埋め込めます。ソースコードのサンプルwordpressのページ。false;}埋め込み用コードを表示する次は埋め込み用コードを表示してゲームを埋め込みたい方に簡単にコードをコピーできるようにしておきます。ここは全部書くの面倒なのでサラッと説明します(^^;)私の場合はゲームページのfacebook等のシェアボタンの列に専用のボタン(</>)を用意し、これをクリックした場合にポップアップが表示され、そこにコードが表示されます。このポップアップは単純にクリックするとstyleをhiddenとblockを切り替えるようにしているだけです。表示されている文字列をコピーボタンでコピーできるようにするのはこちらの記事をそのままコピペして使いました。JavaScriptで画面上の文字列をクリップボードにコピーする方法まとめたぶんHTML5のゲームは自分のサイトだけでなく他のサイトでも埋め込んでもらって拡散してもらうことが必要なんだと思います。́艸`*)ただ、一つ予想外だったのは、ほとんどのゲーム紹介サイトはPC向けに作ってるんですよね。スマホ向けに作っているゲーム、特に私のゲームのような画面内に大きくキーパッドが表示されるゲームは歓迎されないようです。́Д`)っていうか自分でスマホ用ブラウザゲーム紹介サイト作ろうかな。(いや、それは面倒か。コメントをキャンセルメールアドレスが公開されることはありません。Fighter蚊を潰すゲーム「vs.蚊」GRINDALIENSうえにいく開発ブログカテゴリーenchant.jsenchant.js初心者講座enchant.js改造wordpressその他アプリ開発ゲームエンジン開発ゲームプログラミングブログランキングいんわんウェブゲームセンターコスモ運営者のいんわんです。このサイトもゲームも全部一人で作ってます。プログラミングは若かりし頃に専門学校で習った以外は独学です。努力と根性と野生の勘で作ってます。作ってほしいゲームなどあればコメント欄にでも書いてもらえると作るかもしれません。褒められると伸びるタイプなのでコメント欄にはポジティブなことをお願いします。ウェブゲームセンターコスモ。