*TweetButtonの動作テストについて [#tdba212a]
前回やった場所からの続きです。
あれだけでなく、SIGMA社のプレミアムグループから
TweetButtonの実施をする事が目標だったので続けて作業を進めました。
できたら更新します。
できたので更新します。
2012/01/25
SIGMAユーザーズギャラリーへのプレミアムコンテンツに、
ツイートボタンを設置します。
SIGMA SELLECTIONという形でグループ会員から写真をランダム?でリストアップするのですが、
このリストアップされたものをグループトップからツイートするシステムにしました。
例
&ref(スクリーンショット 2012-01-25 14.32.24.png);~
ここからツイートボタンを押して以下のような推移でタイムラインから、写真が見えるようにしました。
ツイートの投稿
&ref(スクリーンショット 2012-01-25 14.35.01.png);~
投稿がタイムライン上に表示されます。
&ref(スクリーンショット 2012-01-25 14.35.29.png);~
タイムライン上からクリックで個人のフォトへ紹介されます。
&ref(スクリーンショット 2012-01-25 14.39.50.png);~
*現在のSIGMA SELECTION [#d2a51f9f]
&ref(スクリーンショット 2012-01-25 15.58.28.png);~
*問題点 [#x852a56a]
現状の様にTweetButtonの左に色々なツールを置けば見栄えが良くなる。
Facebookなどと連携させれば、日本のレンズ、カメラ技術の評価を高めるという事への効果が期待できるのではないか?
*導入方法 [#d7d69992]
グループ公開のフォトを表示しているコードは二つあります。
一つ目は、/opt/zorg/public_html/grouptop.php
二つ目は、/opt/zorg/public_html/sigma/inc_sigma_grouptop.php
一つ目のコードはグループフォト全体の配置に関わる件であり、二つ目のコードはsigmaのグループに関するものでした。
今回はsigmaに関する件でしたので、二つ目を修正しました。
TweetButton設置箇所はsigmaグループからピックアップされたフォトの下、
投稿者の名前が書かれている所から1行空けた場所に設置したかったので、
具体的な設置位置としては以下のようにしました。
125 <a href="https://twitter.com/share" class="twitter-share-button"
data-url="<?=$pickphoto['photod_url']?>" data-lang="en" data-count="none">ツイート</a>
126 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))
{js=d.createElement(s);js.id=id;js.
src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}
(document,"script","twitter-wjs");</script>
127 </td><td> </td></tr>
チェック方法について
http:zorg-dev/ > グループ > SIGMA ユーザーズギャラリー
設置箇所にあった部分をみて、追加されていたら追加成功です。
今回はSIGMA SELECTIONで表示の中央写真下に設置されていたら追加しました。
ここから〜ここまでと区切ってあるのでわかるかと思います。
このTweetButtonからはフォト投稿者のフォト画面へと遷移されるように設定し、TweetButtonを英語表記、
SIGMA ユーザーズギャラリーからの投稿という設定になっています。
- 追記しました -- [[yutaka]] &new{2012-01-26 (木) 20:33:18};
#comment