May 3, 2020/mod: May 3,2020 - 2 min read - プログラミング
【Hugo】カスタムTwitterシェアリンクでもっとシェアしてもらう【Twitter】
ツイッターボタンをつけたものの誰もシェアしてくれないってことないですか？
それは、記事にシェアする価値がないからじゃないの？
あいかわらず辛辣。。（泣）
気を取り直して、例えば記事内にこんなリンク
とかだと少しはシェア率が上がるかも知れませんね。
しかもこのリンク、初期メッセージが勝手にセットされてます。
ツイッターシェア画面
これはやりすぎ
やっぱりそうかな。。。
まぁ、シェアするメッセージのセンスは各自の判断で。。。
とりあえず、仕組みと「hugo」での設置方法を見ていきましょう！
ツイッターシェアリンクの仕組み
ツイッターのシェアリンクはとっても単純な形式で、下記のフォーマットでリンクを作るだけです。
<a href="https://twitter.com/share?url=[記事のurl]&text=[ツイートメッセージ]">[リンクの文言]</a>Hugoのショートコードを使った埋め込み
ワードプレス派の人は読み飛ばしてください。
Hugoのショートコードに以下のファイルを作ると、簡単に記事内でシェアリンクを作れるようになります。
<!--ファイル場所: /layouts/shortcodes/tlink.html -->
{{ $text := .Get 0 }}
{{ $lead := .Get 1 }}
<div><a href="https://twitter.com/share?url={{ .Page.Permalink }}&text={{ $text | plainify }}" target="_blank" >{{ $lead }}</a></div>｛{< tlink "この記事は #ブログ初心者 向き！" "＞＞ この記事をツイッターで応援する！">}}まとめ
とても簡単にできてしまったので記事がすごく短いですが、これでシェア率あがると良いですね！
クリックするの？どうするの？
関連記事:
ツイッター関連記事
enjoy!
投げ銭していただける場合は、amazonで15円からできます。宛先はheisakuあっとcomichi.comで。
マイナスは入れられないの？
comments powered by Disqus