[ブログ] wordpress.comでAppHtmlが使えない理由

iPhoneアプリの紹介記事を書くときに、実際にアプリへのリンクやアイコンを表示してあげると視覚的にも便利です。そこで使えるのが、@hiro45jpさんが、自身のブログ普通のサラリーマンのiPhone日記で公開されているAppHtmlというブックマークレット。とくにこのAppHtmlメーカーを活用するとすっきりあっさりくっきりとアイコンがブログに挿入できちゃうんです。
しかし!なぜかブログに反映させると・・・、wordpress.comブログでは画像が表示されない、というか消えちゃう・・・なぜ?

問題はすごい簡単なことだった

早い話が、利用規約違反でした。wordpress.comのレンタルサーバーブログでは、アフィリエイト行為に制限がかかってるんです。すっかり忘れてました。AppHtmlはLinkShareというアフィリエイトサービスを活用しているので、それがひっかかるんですね。なので、実際に表示させようとすると、画像ごとリンクが消されてしまうってわけなのです。

 

解決策は?

ブックマークレットのJavaScriptを書き換えるなんて、Codecademy途中までで挫けてる僕にはとうていできないので、吐き出されたhtmlコードを書き換えてあげるしか解決策はありませんでした。基本的にリンクシェアのURLが問題になっているだけなので、そこをApp Storeのアドレスに書き換えてあげればOKです。
(2012.07追記 というかそもそもLinkshare設定しなければ普通に使えることに気が付きました。書き換えとかめんどくさいことする必要なかった。 

<a href=”http://itunes.apple.com/jp/app/fastever-su-zaoku-jian-dannievernotenimemo/id364580273?mt=8” rel=”nofollow” target=”_blank”><img class=”alignleft” style=”border-radius:20px 20px 20px 20px;-moz-border-radius:20px;-webkit-border-radius:20px 20px 20px 20px;box-shadow:1px 4px 6px 1px #999999;-moz-box-shadow:1px 4px 6px 1px #999999;-webkit-box-shadow:1px 4px 6px 1px #999999;margin:-5px 15px 1px 5px;” src=”http://a4.mzstatic.com/us/r1000/064/Purple/d5/30/30/mzl.bshomtrl.100×100-75.png&#8221; alt=”” width=”100″ align=”left” /></a><strong> FastEver – 素早く簡単にEvernoteにメモ 1.9.4(¥85)</strong><a href=”http://itunes.apple.com/jp/app/fastever-su-zaoku-jian-dannievernotenimemo/id364580273?mt=8” rel=”nofollow” target=”_blank”><img style=”vertical-align:bottom;” src=”http://r.mzstatic.com/htmlResources/2338/images/viewinitunes_jp.png&#8221; alt=”App” width=”90″ /></a>
カテゴリ: 仕事効率化, ユーティリティ

 

そうすると、こんな表示になります。
FastEver – 素早く簡単にEvernoteにメモ 1.9.4(¥85)
カテゴリ: 仕事効率化, ユーティリティ

 

 

関連記事

iOS/Macアプリ紹介のAppHtmlが大幅リニューアル♬ | 普通のサラリーマンのiPhone日記
iPhoneアプリを紹介するには最高のブックマークレット

Advertising — Support — WordPress.com
supportにアフィエイト目的はダメだよって書いてあった。

 

 

 

 

まとめ

あらためて、利用規約の確認は必要だなーって思いました、当たり前すぎるけど。いままでなんでできないのか全然わからなかったけど、そういうことだったのかーって感じです。AppHtmlからのコピペだけで、掲載できないのは面倒ですが、リンクひっぱってきて、書き換えるだけだし、やっぱりすごい使いやすいブックマークレットなので、すこし手を加えて使おうかと思います。アフィしたくなったら、Wordpress.orgにいきなさいってことですね。
ちゃお!
photo credit: Daveness_98 via photo pin cc


こんな記事もあわせてどうぞ

[ブログ] WordPress.comにはてブとEvernoteクリップボタンをつける
[サイト紹介] 観察力の固まりのようなエッセイ「よう知らんけど日記」
-日刊ブログをPosterousから移転しました- 312

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中