FC2で個別記事をカードと共にツイる

★皆さま、もしご活用いただけるようでしたら、必ずバックアップしてください。問題発生時に元に戻せないので。。。

スクリーンショット 2018-12-15 12_26_02

試行錯誤しました。

FC2の仕組みもTwitterの仕組みもわからないので、帰納法主体で考察するしかないのだけど、
全網羅したわけでもないので、無駄や勘違いの要素も多分にございます。あしからず。。。

で、結果としては、テンプレートのhead要素内に以下を記述。

fc2の制御タグが、よくわかりませんが、permanent_areaで括られた箇所が
個別ページを表示する際に、解析されて実行されるようです。
実際の記事はtopentryで括った中で読み込みがされるようで、
記事のタイトルや説明文(本文の先頭200文字)が取得できます。

あとは、meta要素を書いていく。

<!--permanent_area-->
<!--not_titlelist_area-->
<!--not_search_area-->
<!--topentry-->
<meta property="og:locale" content="ja_JP">
<meta property="og:site_name" content=“<%blog_name>”>
<meta property="og:title" content="<%topentry_title>">
<meta property="og:type" content="article">
<meta property="og:url" content="<%topentry_link>">
<meta property="og:image" content="<%topentry_image_url>">
<meta property="og:description" content="<%topentry_description>">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@ツイッターID">
<!--/not_titlelist_area-->
<!--/not_search_area-->
<!--/topentry-->
<!--/permanent_area-->

次に、ツイる用の「通知内容」には、
「なんか文章+空白+ハッシュタグ+空白+Url」と設定。

Urlを最後にするか、もしくは Urlの後ろにハッシュタグを置かないようにしないと、
文中のUrlが消えずに表示されたままになるようで。

梵さん、教えてくれてありがとう!!!!!!!!!


JavaScript code prettifier / google
 https://github.com/google/code-prettify
COLOR THEMES FOR GOOGLE CODE PRETTIFY
 https://jmblog.github.io/color-themes-for-google-code-prettify/

コメント

black?さん

自コメ

ハッシュタグにカテゴリー名を自動で入れられないものだろうか。。。
非公開コメント

black?

プログラマー歴 三十余年。
ライダー歴 降りて十数年。
モデラー見習い歴 1年。
2019.05現在。