【保存版】徹底まとめ!超おトクなdカード、dカードGOLDの使い方

最終更新 [2014年9月12日]



キーワード:twitter, Twitterカード, WordPress,



Twitterカードを設定すればツイートに画像や動画などを付けてツイートをアピールできます!

WordPressでも簡単に設定する事ができるので設定方法をご紹介したいと思います
WordPressでの設定方法が分からないという人は参考にしてみて下さい

この記事を見た人はこんな記事も見ています
Twitterアナリティクスの使い方 ? 自分のツイートの反応・影響力を確認する方法
iPhone、AndroidからTwitterのツイートを非公開にする方法【鍵】


WordPressのTwitterカード設定手順

OGP・Twitterカードの設定

WordPressで上記画像の様に記事毎にTwitterカードを表示したいのであれば、OGPの設定をしてください
簡単に設定できるのでコチラの記事を参考にして設定してください
Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】

OGPの設定とかわからないし、読むのがめんどうという人は、とりあえず下記コードをヘッダーの中にある<head>~</head>の間にコピーして下さい!

<meta property="og:type" content="website" />
<meta property="og:title" content="<?php echo trim(wp_title( '', false)); ?>" />
<meta property="og:description" content="<?php echo strip_tags( get_the_excerpt() ); ?>" />
<meta property="og:url" content="<?php echo("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>" />
<meta property="og:site_name" content="自分のサイト名に変更して下さい" /> 
<meta property="og:image" content="<?php echo wp_get_attachment_url( get_post_thumbnail_id() , 'full' ); ?>" /> 

OGPの設定が終わったら次に下記Twitterカードmetaタグを設定します
こちらもOGP同様<head>~</head>の間に記載してください
<meta name="twitter:site" content="自分のサイトのTwitterアカウント「@〇〇〇」" />
<meta name="twitter:card" content="summary" />

この2行で大丈夫なのですが、Twitterカードのプロパティは沢山あるので自分の好みでカスタマイズしちゃって下さい

Twitterカードmetaタグの設定が終わったらどの様に表示されるのかプレビューしてみましょう!


プレビュー

OGP・Twitterカードを設定したら下記URLにアクセスしてください
URL:https://dev.twitter.com/docs/cards/validation/validator

アクセスしたら、Twitterのアカウントでログインできるので、「Username」と「Password」を入力してログインして下さい


ここではどの様に表示されるかプレビューする事ができます
どのように表示されるか試してみましょう

自分のサイトの記事のURLをコピーして下さい
コピーしたら「Card URL」のフォームに貼り付けてください

URLを入力したら青いボタンの「Preview card」をクリックしてください


こんな感じでプレビューが表示されていると思います
表示されなかったらOGPかTwitterカードの設定が間違っているので確認してください


Twitterカードの申請

Twitterカードの申請が完了していないと「Request Approval」と表示されるのでクリックして申請します


「Request Approval」をクリックすると申請のフォームが表示されます
「Description」以外デフォルトで入力されているので、サイトの概要を「Description」に入力し他も問題が無いかチェックしてください

「Mark my cards as containing sensitive content」にはチェックは不要です
自分のサイトに暴力的表現などのコンテンツが含まれている場合のみチェックを入れて下さい

全て入力が完了したら「Request Approval」をクリックしてください




クリックするとこの様に表示されれば申請は完了です

先程設定したメールアドレスに申請完了のメールが届きます
私はメールすぐに届きましたよ!


申請が完了したらどんな感じで表示されるか確認してみて下さい!
Twitterカードがあると無いとでは、見え方が全然違いますよね


Twitterカードの種類

表示方法の違う様々なデザインのTwitterカードがあるので自分のサイトにあったTwitterカードを設定してみて下さい

Summary Card with Large Image

<meta name="twitter:card" content="summary_large_image" />

Photo Card

<meta name="twitter:card" content="Photo Card" />

Gallery Card

<meta name="twitter:card" content="gallery" />

他にもまだまだあるのでコチラを参考にしてみて下さい
URL:https://dev.twitter.com/cards/types


< この記事をシェア >






このWordPressでTwitterカードを設定する方法の最終更新日は2014年9月12日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

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

【1,000ポイント+最大2.5%還元!!】Amazonギフト券を超おトクにチャージする方法

キャンペーン

自分が対象かどうかはすぐにチェックできる。Amazonで買い物するなら絶対おトク

【毎日開催】dマガジン4周年特別企画『毎日クイズ★チャレンジ』でdポイントをゲットする方法 – 新規入会キャンペーンは実質2ヵ月無料!

本・コミック

dマガジンを契約している人は毎日チャレンジ!当たれば月額料金以上のdポイントがゲットできちゃう。LINE無料スタンプもアリ!

【登録するだけで100dポイント&10,000円分のdトラベルクーポンが当たるかも】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

webサービス

新型ベンツCクラスも登場!ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス


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

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

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


キーワード:twitter , Twitterカード , WordPress ,




同じカテゴリの記事

【Amazonプライム・ビデオ】視聴制限(年齢制限)を設定する方法

webサービス

設定すれば年齢制限が設定されているビデオの再生を制限する事ができるぞ!

【無料!!】「シン・ゴジラ」など東宝の作品をAmazonプライムビデオで視聴する方法&公開スケジュールまとめ – プライム会員なら追加料金なし!

webサービス

プライムビデオがシン・ゴジラを独占配信開始!追加料金不要!さらに8月中に様々な作品が登場します!

夏の祭典『a-nation stadium fes. 2016』2日間の生放送&スペシャル特番を無料で見る方法

webサービス

味の素スタジアムで開催されるa-nationの生放送+αがdTVで全部見れちゃう!


新着記事

【予約開始】世界5万台限定!「PlayStation 4 Pro 500 Million Limited Edition」を予約・購入する方法

ゲーム

すげーのキター!!これは欲しいぞ!もう予約始まってる。。。

【GooglePlay】ドコモSPモード決済時に「購入エラー Your sp-mode password has locked by…」が表示された時の対処方法

Google Play

『購入エラー Your sp-mode password has locked by...』というエラーが表示されてSPモード決済が出来ない…

【ミニオンモデル登場】「Clova Friends / mini / WAVE」をおトクに購入する方法 – セール情報&キャンペーンまとめ

ガジェット

ミニオンモデル『Clova Friends (MINIONS Kevin)』『Clova Friends mini (MINIONS Bob)』が8月21日より発売!

【予約解禁】欅坂46の『欅共和国2017(DVD/Blu-ray)』を予約・購入する方法

ショッピング

初回生産限定盤特典は全46種のポストカードセット!発売日は2018年9月26日です。

【2ヵ月無料】DAZN(ダゾーン)をお得に契約する方法

スポーツ

2ヵ月無料キャンペーンは8/17まで!期間限定キャンペーンなので見逃さないように!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【LINE】『ニュース』タブを『通話』に変更する方法 – 非表示はできないけど切り替えはできる

    LINEのニュース上に天気や株価まで。。不要な人は通話タブに変更しておきましょー


    【ドコモ】LG『V30+(L-01K)』実機レビュー、使い方 – JOJOスマホ(L-02K)やau版「isai V30+(LGV35)」が気になっている人もどうぞ!

    キャリア版はドコモとauから発売されているLGのハイスペック端末「V30+」をガッツリ触ってみました


    【Hulu】動画をダウンロードする方法 – オフライン再生に対応!けど制限多くてダウンロードできない動画も多々。。

    Huluでデータ通信量を使いまくっていた人に朗報!オフラインでも再生できるぞー


    ルイ・ヴィトンの手帳型iPhone専用ケース『folio(フォリオ)』レビュー、使い方

    7以降のiPhoneで使える世界のLouisVuittonのiPhoneケースにガッツリ触れてみた


    【重い…】iOS 11の動作を軽くする(体感速度を上げる)方法まとめ – 特に旧iPhoneなどにオススメ

    iPhone 6 Plus×iOS 11がやっぱり重く感じる。。そんな時はこの設定をできるところまでやってみて


    注目の記事をぜんぶ見る

  • 最新記事

    【予約開始】世界5万台限定!「PlayStation 4 Pro 500 Million Limited Edition」を予約・購入する方法

    すげーのキター!!これは欲しいぞ!もう予約始まってる。。。


    【GooglePlay】ドコモSPモード決済時に「購入エラー Your sp-mode password has locked by…」が表示された時の対処方法

    『購入エラー Your sp-mode password has locked by...』というエラーが表示されてSPモード決済が出来ない…


    【ミニオンモデル登場】「Clova Friends / mini / WAVE」をおトクに購入する方法 – セール情報&キャンペーンまとめ

    ミニオンモデル『Clova Friends (MINIONS Kevin)』『Clova Friends mini (MINIONS Bob)』が8月21日より発売!


    【予約解禁】欅坂46の『欅共和国2017(DVD/Blu-ray)』を予約・購入する方法

    初回生産限定盤特典は全46種のポストカードセット!発売日は2018年9月26日です。


    【2ヵ月無料】DAZN(ダゾーン)をお得に契約する方法

    2ヵ月無料キャンペーンは8/17まで!期間限定キャンペーンなので見逃さないように!


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

  • usedoorをフォロー


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

    【8月版】dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数

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


    【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法

    超簡単に参加できるクジ。当たればラッキー!dアカウント+ポイントカード持っている人は是非


    【8月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法 – さらにYahooショッピングのクーポンも!

    対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて


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

  • あわせて読みたい記事