てがろぐで単独記事のTwitterシェアリンクを作成する方法

にししふぁくとりーのフリーCGI「てがろぐ」に
単独記事のTwitterシェアリンクを付ける方法です。

※てがろぐのスキンをカスタム出来る程度の中級者向け
※2022年10月20日現在、てがろぐver3.8.0、3.8.2(β)で動作確認済み。

お手軽マイクロブログCGI「てがろぐ」：スキン式で複数ユーザ対応

・てがろぐでツイッターのシェアボタンを付けたいと思っている方
・てがろぐをblog感覚で使用している、blogとして使用したい方
・気軽にてがろぐに投稿した記事をシェアしたい方　　　　　におすすめ

見本

てがろぐに張り付けたこのリンクをクリックすると
ツイッターでシェア出来るようになります

設置前に必ずやっておいた方が良い事

OGPの設定

タグ

<a href="http://twitter.com/share?url=https://【てがろぐを置いているサイトURL・てがろぐを置いてるディレクトリは除く】[[PARMAURL:FULL]]&text=【てがろぐタグ[[COMMENT]]関係】&via=【TwitterID】&hashtags=【ハッシュタグ】"  target="_blank"  rel="nofollow">リンクする文字</a>

こちらをてがろぐのシェアリンクを付けたいスキンの
skin-onelog.html内のシェアリンクを付けたい場所に貼りつけます。

あとは　a href="○○"の不要な箇所(ハッシュタグとか)を削ったり、
タグにclass属性などを付けて文字を装飾したり
文字の箇所を画像に置き換えるなり　ボタンに変更してみるとかして
自分好みにカスタムしてください

タグはこちらのサイト様を参考しました
(カスタム方法が詳しく書かれてますので是非見てみてください)

株式会社プラスワン » 【HTML】twitter シェアボタンのカスタマイズ

解説

[[PARMAURL:FULL]]について

「[[PARMAURL:FULL]]」は「てがろぐの単独記事urlを絶対URLで挿入」

例えば「https://自分のサイト/blog/memo/」の/memo/ディレクトリにてがろぐを設置している場合
「https://自分のサイト/blog」まで記入します。

リンクに飛んだ際、てがろぐのphpが動作しなくなるので、「https://」も含めた入力でお願いします

シェアボタンを押してツイッター画面に移動した際に設定したURLの後に
自動的に「/」が挿入されますので URLの最後に「/」を付けないのと、てがろぐディレクトリのあるURLまで入力しないことがポイントです

シェアURLにの「tegalog.cgi」を減らした上でのURLを付けたい場合

てがろぐを置いているディレクトリにある.htaccessに
「DirectoryIndex tegalog.cgi」の記載をし、「/」で終わるURLに変更後、タグの「https://【てがろぐを置いているサイトURL・てがろぐを置いてるディレクトリは除く】[[PARMAURL:FULL]]」の部分を
https://自分のサイトURL/てがろぐを置いているディレクトリ名/[[PARMAURL]]　に置き換えて入力します。

前者と大きく異なる点は「URLの最後に「/」を付けること、てがろぐを置いているディレクトリまで入力する事」です。

【てがろぐタグ[[COMMENT]]関係】の解説について

以下のてがろぐ独自タグ[[COMMENT]]関連タグを
指定したいものに設定します

[[COMMENT:TEXT:120]]
投稿から120文字までプレーンテキストで挿入

[[COMMENT:TITLE]]
投稿から一行目までプレーンテキストで挿入

[[COMMENT:TITLE:文字数]]
原則として投稿本文の1行目がプレーンテキストで最大30文字だけ挿入

てがろぐ カスタマイズ方法

[[COMMENT]] のあとに「:LINE」を付けるとこちらのタグが動作しないので
必ず「プレーンテキスト」と説明がある方でお願いします。
Twitterの文字数制限の関係上、指定する文字数は出来るだけ少ない方が良いのかもしれません

設置後は必ずシェアボタンを押して正常に動作しているかチェックしてください。
(あと、リンクをコピーして別窓で てがろぐの単独記事に飛べるか確認してください)

最後に

これの応用で「Facebook」「はてなブックマーク」に対しててがろぐ単独記事をシェアする手法が出来そうな気がします
(設置方法は割愛します。各自で調べて行ってみてください)

では、みなさま　良いてがろぐライフを～！