TweetButtonの動作テストについてのバックアップ(No.3)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
TweetButtonの動作テストについてへ行く。
- 1 (2012-01-24 (火) 22:19:33)
- 2 (2012-01-25 (水) 17:26:11)
- 3 (2012-01-26 (木) 20:32:42)

zorg TwitterButton表示について?

TweetButtonの動作テストについて †

前回やった場所からの続きです。

あれだけでなく、SIGMA社のプレミアムグループから TweetButtonの実施をする事が目標だったので続けて作業を進めました。

できたら更新します。

できたので更新します。 2012/01/25

SIGMAユーザーズギャラリーへのプレミアムコンテンツに、ツイートボタンを設置します。

SIGMA SELLECTIONという形でグループ会員から写真をランダム？でリストアップするのですが、このリストアップされたものをグループトップからツイートするシステムにしました。

例

ここからツイートボタンを押して以下のような推移でタイムラインから、写真が見えるようにしました。
ツイートの投稿

投稿がタイムライン上に表示されます。

タイムライン上からクリックで個人のフォトへ紹介されます。

↑

現在のSIGMA SELECTION †

↑

問題点 †

現状の様にTweetButtonの左に色々なツールを置けば見栄えが良くなる。
Facebookなどと連携させれば、日本のレンズ、カメラ技術の評価を高めるという事への効果が期待できるのではないか？

↑

導入方法 †

グループ公開のフォトを表示しているコードは二つあります。
一つ目は、/opt/zorg/public_html/grouptop.php
二つ目は、/opt/zorg/public_html/sigma/inc_sigma_grouptop.php

一つ目のコードはグループフォト全体の配置に関わる件であり、二つ目のコードはsigmaのグループに関するものでした。
今回はsigmaに関する件でしたので、二つ目を修正しました。

TweetButton設置箇所はsigmaグループからピックアップされたフォトの下、投稿者の名前が書かれている所から１行空けた場所に設置したかったので、具体的な設置位置としては以下のようにしました。

   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>&nbsp;</td></tr>

チェック方法について
http:zorg-dev/ > グループ > SIGMA ユーザーズギャラリー
設置箇所にあった部分をみて、追加されていたら追加成功です。
今回はSIGMA SELECTIONで表示の中央写真下に設置されていたら追加しました。

ここから〜ここまでと区切ってあるのでわかるかと思います。
このTweetButtonからはフォト投稿者のフォト画面へと遷移されるように設定し、TweetButtonを英語表記、
SIGMA　ユーザーズギャラリーからの投稿という設定になっています。

TweetButtonの動作テストについて のバックアップ(No.3)

TweetButtonの動作テストについて †

現在のSIGMA SELECTION †

問題点 †

導入方法 †

TweetButtonの動作テストについてのバックアップ(No.3)