kamenokoki.com

【110日目】Twitterへのリンクを記事に入れ込んでみた

Posted:  Last Update:

昨日は記事を一つ書きまして、サイトのアップグレードはお休みしました。よければ記事も読んでやってください。

予定を変更してTwitterへのリンクを作ってみる

さて、一昨日は人気記事を解析するPHPの作成に取り掛かっていました。そちらはちょっとお休みして、今日はTwitterへのリンクを作成したいと思います。

Twitter DMへのリンクは記事の一番下に入っているのですが、今作りたいのは「ブログ記事のリンクと@ツイートができるリンク」

Twitter Publishでいろいろとリンクの作成ができるので、使ってみたいと思います。

Twitter Publishのスクリプトが気になる…

Twitter Publishの「Twitter Buttons」から「Share Button」を作成。カスタマイズで@ツイート入りのものも作成できたのですが…。

ツイッターのボタンの形が気に入らないのと、スクリプトがやや重い…。編集しましょう!

いろいろと試したのですが、スクリプトを外すとうまくページのリンクを拾ってくれないですね…。

Twitterリンク完成

いろいろ弄って、おそらく完成したと思う!

<a id="twitterlink" href="https://twitter.com/intent/tweet?screen_name=kamenokoki%20<?php echo $myurl.'/'.$urlfolder.'/'.$filenum;?>&ref_src=twsrc%5Etfw" target="_blank"><i class="icon-twitter"></i> @tweet</a>

「screen_name=kamenokoki」の部分で「@kamenokoki」という文がツイートに入ります。本来は@ツイートするための構文なのですが、ここに無理矢理URLを入れ込んでみました。

本番環境に移行しないと動いているか分からないのですが、とりあえずこれで…。

Twitterリンク完成

今日はここまで

タイミングよく時間が来ました!後は本番環境にあげてテストしてみます。

明日はまた予定に戻って、アクセス解析をするPHPを作成したいと思います!では、また明日!

おまけのロードマップ

サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進んでいます。

  • 準備 - サイトの全体像を決める
  • 使用するプログラミング言語を決めて環境を整える
  • サイトの基本構造を作って公開する
  • 収益化に最適なサイトにアップグレードする
  • GoogleアドセンスとAmazonアソシエイトの申し込みをする ←完了!
  • ローカルで簡単に入力ができるようにフォームを作る
  • フォローアップ - より収益化に向いたサイト構造に変更する
記事をシェアする

亀の子に連絡

ランキング参加中!ぽちっとしてね

F2cランキングアイコン 人気ブログランキング ブログランキング・にほんブログ村へ

広告