Twitterã·ã§ã¢ãã¿ã³ã§ç»åæ·»ä»ïŒãªã³ã¯ä»ãã§ã·ã§ã¢ãã€ãŒãããŠãããæ¹æ³
2022-12-31T02:28:00.081Z
å æ¥ãWebäžã§è¡ãã蚺æã·ã¹ãã ãæ§ç¯ãããŠããã ããã®ã§ããããã®äžã§ã蚺æçµæã®ç»åä»ãã§ãŠãŒã¶ãŒã«ã·ã§ã¢ïŒãã€ãŒãïŒããŠãããããããšãããèŠæããããŸãããOGPã§ãµã ãã€ã«ä»ãã®ãªã³ã¯ã衚瀺ããã®ã§ã¯ãªããã¿ã€ã ã©ã€ã³äžã§å€§ããç»åã衚瀺ãããç»åæ·»ä»ãã€ãŒããããŠãããããã®HTMLã³ãŒãã®æžãæ¹ãäžã èŒã£ãŠãªãã£ãã®ã§ãã¡ã¢ããŠãããŸãã
çµè«
ãã€ãŒãæã«æ·»ä»ããŠãããããç»åããå ã«å ¬åŒã¢ã«ãŠã³ãã§å šãŠç»åæ·»ä»ããŠãã€ãŒãããŠãããŸãããã®ãã€ãŒãã®ç»åURLã¯ä»¥äžã®ããã«ãªã£ãŠããããã®ç»åURLãä»ã®ãã€ãŒãã®ããã¹ãå ã«èšèŒããŠããã°ïŒç»åæ·»ä»ããªããŠãïŒç»åæ·»ä»ã®ãã€ãŒãã«ãªããŸãã
https://twitter.com/[twitter ID]/status/[ã©ã³ãã ãªæ°å]/photo/1
ãã®ç»åURLã¯Twitterã®ç»åãå³ã¯ãªãã¯ã§ã¯çŽæ¥ååŸã§ããã以äžã®ããã«ç»åæ·»ä»ãã該åœãã€ãŒãã®å
±æãã¿ã³ãããã€ãŒãã®ãªã³ã¯ãã³ããŒ
ããŠããã®æ«å°Ÿã«/photo/1
ã /photo/2
ãæåã§ã€ããŠããå¿
èŠããããŸãã

ãã€ãŒãã®ãªã³ã¯ãã³ããŒ
ããŠãæ«å°Ÿã«/photo/1
ãªã©ãä»äžãããã®ãæ·»ä»ç»åã®URLäžæ¹ã§ãç»åãã€ããã ãã§ã¯ãããèŠãTwitterãŠãŒã¶ãŒã次ã®è¡åïŒãµã€ãã蚪ããïŒãåã£ãŠãããªãã®ã§ããã€ãŒãã«ã¯ãµã€ãã®ãªã³ã¯ãä»ããã°ãªããŸããã
ããã¯äžèšã®ããã«Twitterã®ã·ã§ã¢ã«äœ¿ãhref
ã®äžã«&url=https://
ãšãã圢ã§ä»äžããŠããããšã§ãªã³ã¯ãã€ããŸãã
<a class="twitter" href="http://twitter.com/intent/tweet?text=ãã®ãµã€ãé¢çœããªã&url=https://sample.com/test/share-page" rel="nofollow" target="_blank" title="Twitterã§å
±æ">
ãããããŸãšãããšãæãåäœãããŠãããTwitterã·ã§ã¢ãã¿ã³ã®HTMLã³ãŒãã¯ä»¥äžã®åœ¢ã«ãªããŸãã
<div class="sns_icon twitter_back">
<a class="twitter" href="http://twitter.com/intent/tweet?text=ãã®ãµã€ãã®èšºæé¢çœããïŒ https://twitter.com/[twitter ID]/status/[ã©ã³ãã ãªæ°å]/photo/1&url=https://sample.com/test/share-page&via=[twitter ID]&related=[twitter ID]&hashtags=ããã·ã¥ã¿ã°1,ããã·ã¥ã¿ã°2" rel="nofollow" target="_blank" title="Twitterã§å
±æ">
<img src="/img/social_twitter.png" width="45" alt="twitter">
</a>
</div>
&via=my-account
ã®ããã«ããã°Twitterã¢ã«ãŠã³ãã«ã¡ã³ã·ã§ã³ãããããŸããïŒèªåã®ã¢ã«ãŠã³ãã«éç¥ãæ¥ãïŒã&hashtags=ã¿ã°1,ã¿ã°2,ã¿ã°3
ã®ããã«èšèŒããŠããã°æå®ã®ããã·ã¥ã¿ã°ä»ãã§ãã€ãŒããããããšãå¯èœã§ãã
FacebookãLINEã§ãã·ã§ã¢æã«ç»åã衚瀺ãããæ¹æ³
ãŸãFacebookãLINEã§ã®ã·ã§ã¢ãã¿ã³ã¯ãµã€ãåŽããã¯ç»åæ·»ä»ãããããšãã§ããŸããïŒTwitterãå³å¯ã«ã¯ãä»ã®äººãç»åæ·»ä»ãããã€ãŒãã®ç»åURLãæ¬æã«æžããšç»åæ·»ä»ãšåãèŠãç®ã®ãã€ãŒãã«ãªããããšãå©çšããŠããã ãã§ãç»åæ·»ä»ããããŠããããã§ã¯ãªãã§ãïŒã
ã§ã¯ã©ãããããšãããšãOGPïŒOpen Graph ProtocolïŒã®ç»åã衚瀺ãããããšãå©çšããå蚺æçµæããšã«éãããŒãžãšOGPãããããçšæãããã®ããŒãžãã·ã§ã¢ããŠãããããšã§ãã·ã§ã¢æã«OGPãšããŠèšºæçµæç»åã衚瀺ãããŸãã
Facebookã®ã·ã§ã¢ãã¿ã³ãµã³ãã«ã³ãŒã
// page-shindan_result.php
<?php
$share_url = get_the_permalink(); // ãããããã颿°éãããechoãããã
$fb_share_button_html =
'<div class="sns_icon facebook_back">
<a href="https://www.facebook.com/dialog/share?
app_id=[Facebook App ID]
&display=popup
&href='.$share_url.'
"e='.$share_title.'
&redirect_uri=https://www.facebook.com" title="Facebookã§ã·ã§ã¢" target="_blank">
<img src="/img/social_facebook.png" width="45" alt="facebook">
</a>
</div>'
?>
蚺æçµæã®ããŒãžãçæããéã«$share_url
ã«çŸåšã®URLãã¶ã¡ãã¿ãhref
ã«æž¡ããŠããŸãã
LINEã®ã·ã§ã¢ãã¿ã³ãµã³ãã«ã³ãŒã
// page-shindan_result.php
<?php
$share_url = get_the_permalink(); // ãããããã颿°éãããechoãããã
$line_share_button_html =
'<li>
ã<a class="line btn" href="http://line.me/R/msg/text/?' . $share_title . $share_url .'" target="_blank">
ãã<img src="/img/social_line.png" width="45" alt="LINE"></a>
</li>'
?>
LINEã®äœè«
ã¡ãªã¿ã«ã¹ããã§ãLINEã§éãããã¿ã³ãæŒããšãåéãããã¯ããŒã¯ã«ã¡ãã»ãŒãžãšããŠéãããšããåäœã«ãªãã®ã§ãäžè¬çãªSNSæçš¿ã®ã·ã§ã¢ãšã¯å°ãæå³åããéããŸããïŒPCã§ã¯ã¿ã€ã ã©ã€ã³ã«æçš¿ãã§ããïŒã
ãŸããLINEã§ã¯OGPãšããŠæç€ºçã«èšå®ããªããŠãèšäºã®ãµã ãã€ã«ïŒäžçªæåã®ç»åïŒïŒãåæã«è¡šç€ºããŠãããã¿ããã§ãã
ããã«ãæè¿ã§ã¯ããããããã¿ã³ãç»å Žãããããèšçœ®ããŠæŒããŠããããšããã®èšäºã«ãããããŸãããã®ãããªåœ¢ã§ã¿ã€ã ã©ã€ã³ã«æçš¿ãããããã§ãã
åè
- ãã€ãŒããã¿ã³ããç»åä»ããã€ãŒãããã€ãŒããããæ¹æ³
- ãã€ãŒããã¿ã³ããããã·ã¥ã¿ã°ãã€ããäžã§ç»åãæçš¿ããŠãããæ¹æ³
- ãã€ãŒããã¿ã³ãæŒããéã«Twitterã«ç»åä»ãã§æçš¿ã§ããããã«ãããããã
- ãã ããã®èšäºã§ã¯SNAPïŒNextScripts: Social Networks Auto-PosterïŒãšãããã©ã°ã€ã³ã掻çšããŠããŸããããçŸç¶ãã®ãã©ã°ã€ã³ã¯ããŸãåããªãããã§ããã