オススメ機種は?永年割引のdocomo withを徹底調査!

最終更新 [2014年7月15日]



キーワード:アカウント, サイト作成, 登録,



facebookやTwitterなどSNSで使うよく見るシェアボタンをオリジナル画像またはスタイルシートなどで作成したオリジナルに変更する方法です。

各コードとWordPressで使う際のサンプルを記載しています。

usedoorでも現在、Facebookのシェアボタン(いいね!じゃないよ)とツイートするボタンをオリジナル画像にしています。
適切な設定を行うことで自分が設定したいオリジナル画像をシェアボタンとして使うことができるようになります。

usedoorでもシェアボタンを増やしていこうかと悩み中です。
オリジナル画像シェアボタンの組み込み方はこのエントリにまとめていきます。

OGPを指定しておこう

またSNSボタンを配置するにあたってヘッダーに「OGP」というものを導入しておく必要があります。
絶対に必要というわけではないのですが、自分側で設定しておくことでシェアされた時に自分が表示させたいように表示させることができるようになります。
Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】


ではオリジナルシェアボタンの導入を代表的なところから。


facebookのシェアボタンをオリジナル画像に変更する

Facebook シェアボタンの基本形
<a title="facebookでシェアする" href="http://www.facebook.com/sharer.php?u=【シェアしたいURL】&t=【記事のタイトル】" target="_blank">
<img src="【画像URL】">
</a>
Facebook シェアボタンをWordPressで使う場合のサンプル
<a title="facebookでシェアする" href="http://www.facebook.com/sharer.php?u=<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>&t=<?php echo trim(wp_title( '', false)); ?>" target="_blank">
<img src="【画像URL】>
</a>

↑はURLに現在の記事のURL(これはWordPressというかPHPですが。。)、タイトルにWordPressのwp_titleを使ってtrimしているというものです。

この方法でハメたのがコレ↓


クリックしてみてください~
タイトルとURLがハマった状態でFacebookにジャンプします。

そのままシェアしてもらえると嬉しいなぁ。。

Twitterのツイートボタンをオリジナル画像に変更する

ツイートボタンの基本形
<a href="http://twitter.com/share?url=【ツイートしたいURL】&text=【ツイートしたいタイトル】&via=【@につけたいユーザー名】&related=【ツイートに関連するユーザー】&hashtags=【ハッシュタグ】" target="_blank">
<img src="【画像URL】">
</a>
ツイートボタンをWordPressで使う場合のサンプル
<a href="http://twitter.com/share?url=<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>&text=<?php echo trim(wp_title( '', false)); ?>&via=sitename" target="_blank">
<img src="<?php echo $twimg; ?>">
</a>

この方法でハメたのがコレ↓


クリックしてみてください~
タイトルとURLがハマった状態でツイート画面が立ち上がります。

つぶやいて欲しいなぁ…

いろんなシェアボタンいろいろと書いていきます!

いまから色々なシェアボタン、オリジナルバージョンの埋め込み方を追記していきます!
末永く、またご指摘や方法を教えて頂ける方からのご連絡もお待ちしています!


< この記事をシェア >




現在開催中の「おトク」なキャンペーン、セール

【1ヶ月666円!!】Dropbox Plus(有料版)を超おトクに契約する方法 – 3年版のコスパがヤバい!

dropbox

これはおトク。Dropbox契約するならソースネクスト経由がマジでオススメ!

dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数 – 6月30日まで

クレジットカード

10%還元で噂のdカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています

【登録するだけで500dポイント!!】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

webサービス

ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス。今なら登録だけでオイシイ


≫ 開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


この【登録するだけで500dポイント!!】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!の最終更新日は2018年2月1日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

キーワード:アカウント , サイト作成 , 登録 ,




新着記事

【Amazonで予約可能】「ファイヤープロレスリング ワールド 新日本プロレス PREMIUM EDITION」を予約・ゲットする方法

ゲーム

PS4版のファイプロが発売決定!新日本プロレス仕様の限定版は数量限定販売です。欲しい人は急いだほうがいいかも!?

【6月3日まで】「ZEROウイルスセキュリティ」を安く購入する方法

PCアプリ

税込1,814円で買えるぞ!Amazonより安く買えますよ~

LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠しスタンプのダウンロード方法

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています

【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

投資

実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも

【11日&22日】Yahoo!ショッピング、トラベル、ダイニングで『ゾロ目の日』限定クーポンをゲットする方法

キャンペーン

ゾロ目の日はYahooショッピングなどが意外とアツい!ただクーポンは争奪戦なのでお早めに!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    オススメ紹介!おトクに『ふるさと納税』する方法 – 返礼品&自分がいくら寄付できるかの計算方法

    まだやってない人向けに「ふるさと納税」をできるだけわかりやすく書いてみた(つもり)


    【機種変更もOK】ドコモの2016年~2017年冬春モデルのAndroidスマホを一括価格でおトクに購入する方法

    『V20 PRO』『arrows NX』『Galaxy S7 edge』『Disney Mobile』『Xperia X Compact』がどの契約でも一括15,552円


    注目の記事をぜんぶ見る

  • 最新記事

    【Amazonで予約可能】「ファイヤープロレスリング ワールド 新日本プロレス PREMIUM EDITION」を予約・ゲットする方法

    PS4版のファイプロが発売決定!新日本プロレス仕様の限定版は数量限定販売です。欲しい人は急いだほうがいいかも!?


    【6月3日まで】「ZEROウイルスセキュリティ」を安く購入する方法

    税込1,814円で買えるぞ!Amazonより安く買えますよ~


    LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠しスタンプのダウンロード方法

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています


    【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

    実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも


    【11日&22日】Yahoo!ショッピング、トラベル、ダイニングで『ゾロ目の日』限定クーポンをゲットする方法

    ゾロ目の日はYahooショッピングなどが意外とアツい!ただクーポンは争奪戦なのでお早めに!


    最新記事をもっとチェック

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome dポイント iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone X iPhoneおトク MNP PC SIMフリー SoftBank Windows windows 10 オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ セブンイレブン ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 新規契約 機種変更 注目・ピックアップ 無料 登録 非表示
  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    ふるさと納税で『iPad』を超お得にGETする方法【iPad / iPad mini / iPad Pro】

    ふるなびでふるさと納税するとiPadがGETできるぞ!2018年モデルの9.7インチiPad(第6世代)も登場!


    【投げ売り】機種変更もOK。ドコモ『9.7インチiPad(第5世代)』を一括0円で購入する方法

    第5世代のiPad 32GBモデルが一括0円。ストレージが大きいモデルも投げ売り価格で販売中


    【Apple Pay】登録できるクレジットカード&キャンペーンまとめ。ID or QUICPay&おトクに使う方法

    [日々更新中] マツモトキヨシグループで毎日もれなく7%キャッシュバックキャンペーン!


    【5月31日まで】対象店舗全てで5%キャッシュバック!LINE Pay『春のお買い物キャンペーン』で超おトクに買い物する方法

    上限金額は10万円(5,000円分のLINE Pay残高を還元)の長期キャンペーンを開始。LINE PayはQRコード決済に力いれてます


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事