SNS投稿ボタンをオリジナル画åƒã«ã™ã‚‹ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€‚ | WebScripter.jp
ã„ã¾ã‚„Facebookã€Twitterã€mixiãªã©SNSã¸ã®æŠ•ç¨¿ãƒœã‚¿ãƒ³ã‚’サイトã«è¨ç½®ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã。投稿ボタンã¯å„サービスå´ã§ç”¨æ„ã•ã‚Œã¦ã„ã¦è¨ç½®ã‚‚ç°¡å˜ã§ã™ãŒã€æ™‚ã«ã¯ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚µã‚¤ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«åˆã‚ãªã„ã“ã¨ã‚‚。実際ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒœã‚¿ãƒ³ã§ãŠé¡˜ã„ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚‹ã®ã§ã“ã®éš›ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 投稿ボタンã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯ã™ã§ã«ä»–ã®ã‚µã‚¤ãƒˆã§ã‚‚紹介ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä½œæ¥ã™ã‚‹åº¦ã«èª¿ã¹ã‚‹ã®ã‚‚é¢å€’ãªã®ã§ã€è‡ªåˆ†ã¸ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ç´¹ä»‹ã—ã¾ã™ã€‚ãªãŠã€ã“ã“ã§ç´¹ä»‹ã™ã‚‹æ–¹æ³•ã¯ã€ã©ã®ãƒœã‚¿ãƒ³ã‚‚クリックã§åˆ¥çª“ãŒé–‹ã仕様ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€Œä¿ºã«ã‚«ã‚¦ãƒ³ãƒˆãªã‚“ã¦å¿…è¦ãªã„ãœã€ã¨ã„ã†ãƒ¯ã‚¤ãƒ«ãƒ‰ãªæ–¹ã«ãƒ”ッタリã§ã™ï¼ˆç¬‘） 投稿ボタンã®è¨ç½® Facebook Twitter Google+ mixi Pinterest ã¯ã¦ãªãƒ–ックマーク Evernote Facebook 言ã‚ãšã¨çŸ¥ã‚ŒãŸFaceook。「ã„ã„ãï¼ã€ã¨ã€Œã‚·
技術仕様 << mixi Developer Center (ミクシィ デベãƒãƒƒãƒ‘ーセンター)
mixiãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚数行㮠HTML ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã™ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ç”¨HTML発行フォームをãŠä½¿ã„ãã ã•ã„。 ãŸã ã—ã€åŠ¹æžœçš„ã«è¨ç½®ã™ã‚‹ãŸã‚ã«ã¯ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ è¨ç½®ã®ãƒã‚¤ãƒ³ãƒˆã«é–¢ã—ã¦ã¯ã€ã€Œmixi Plugin 実装ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚’ã”確èªãã ã•ã„。 mixiãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ã®è¨ç½®ï¼ˆPC å‘ã‘） mixiãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ã®è¨ç½®ï¼ˆPC å‘ã‘） <a href="https://mixi.jp/share.pl" class="mixi-check-button" data-key="...">mixiãƒã‚§ãƒƒã‚¯</a> <script type="text/javascript" src="https://static.mixi.jp/js/share.js"></script> a è¦ç´ 㨠script è¦ç´ ã«ã¯ã€ãã‚Œãžã‚Œä»¥ä¸‹ã®å±žæ€§ã‚’指定ã§ãã¾ã™ã€‚ a è¦
mixiãƒã‚´ãƒ»ç´ æ利用ガイドライン（mixi Platform） - mixi Platform
mixi Platformç”¨ç´ æ利用ガイドライン（以下「本ガイドラインã€ã¨è¨€ã„ã¾ã™ï¼‰ã¯æ ªå¼ä¼šç¤¾MIXI（以下「弊社ã€ã¨è¨€ã„ã¾ã™ï¼‰ãŒæä¾›ã™ã‚‹mixi Platformを利用ã™ã‚‹ã«ã‚ãŸã‚Šã€ä½¿ç”¨å¯èƒ½ãªç´ æï¼ˆä»¥ä¸‹ã€Œç´ æã€ã¨è¨€ã„ã¾ã™ï¼‰ã®ç¨®é¡žãƒ»åˆ©ç”¨æ–¹æ³•ã‚’以下ã®é€šã‚Šè¦å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚ç´ æã‚’ã”利用ã®éš›ã¯å¿…ãšã”確èªãã ã•ã„。 ï¼‘ï¼Žç´ æã«ã¤ã„㦠本ガイドラインã«ã‚ˆã£ã¦é…布ã™ã‚‹ç´ æã«ã¤ã„ã¦ã€ä½¿ç”¨ã‚’許諾ã™ã‚‹å¼Šç¤¾ã®å•†å·ã€ç™»éŒ²å•†æ¨™ã€ãƒã‚´ã€Webページãªã©ã€å¼Šç¤¾ç‹¬è‡ªã®ç‰¹å¾´ã¯ã€å•†æ³•ã€å•†æ¨™æ³•ã€è‘—作権法ã€ä¸æ£ç«¶äº‰é˜²æ¢æ³•ãã®ä»–ã®çŸ¥çš„財産をä¿è·ã™ã‚‹æ³•å¾‹ã«ã‚ˆã£ã¦ä¿è·ã•ã‚Œã¦ã„ã¾ã™ã€‚ ２．使用許諾ã«ã¤ã„㦠本ガイドラインã«æŽ²ã’ã‚‹ãã‚Œãžã‚Œã®ç´ æã®ä½¿ç”¨ã®ç¯„囲内ã§å¼Šç¤¾ã¯ç„¡å„Ÿã§ç´ æを使用ã™ã‚‹ã“ã¨ã‚’許諾ã„ãŸã—ã¾ã™ã€‚ãŸã ã—ã€ä¸‹è¨˜ã«æŽ²ã’る使用方法ã«ã¤ã„ã¦ã¯ã„ã‹ãªã‚‹å ´åˆã‚‚許諾ã—ã¾ã›ã‚“。 (1) ä¼æ¥åã€å›£ä½“åã€è£½å“åã¾ãŸã¯ã‚µãƒ¼ãƒ“スåã®ä¸ã«ç´ æãŒå«ã¾ã‚Œ
Guides
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
Facebook,Twitter,ã¯ã¦ãª,mixiã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã‚’オリジナルã«ã—ãŸã„ã®ã§ã™
FacebookやらTwitterやらã¯ã¦ãªã‚„らmixiやら何やらソーシャルボタン付ã‘ãŸã„ã‘ã‚Œã©ã€ 角丸ã¨ã‹ãƒ•ã‚©ãƒ³ãƒˆã¨ã‹å¤§ãã•ãŒã¾ã¡ã¾ã¡ã ã—å¹…ã¨ã‚‹ã—カウント数ã„らãªã„ã—… 記事ã®ä¸‹ã¨ã‹ã«ã‚ã‚‹ãªã‚‰ã„ã„ã‘ã©ã€ ã“ã‚ŒãŒè¨˜äº‹ã®ä¸Šã«ã‚ã£ãŸã‚Šã™ã‚‹ã¨å¾®å¦™ã«å¬‰ã—ããªã„。 ãªã‚“ã¨ã‹ã€ ã£ã¦å…·åˆã«ã€ã‚¢ã‚¤ã‚³ãƒ³ã ã‘並ã¹ã¦ãŠã‘ãªã„ã ã‚ã†ã‹ã€‚ã¨æ€ã£ãŸã‚ã‘ã§ã™ã€‚ 分ã‘ã¦æ›¸ã“ã†ã¨æ€ã£ãŸã‘ã©ã€ã‚ã‚“ã¾ã‚Šãƒžãƒ¡åã˜ã‚ƒãªãã¦ã™ã忘れるã®ã§ã€ä¸€æ°—ã«ãƒ€ãƒ¼ãƒƒã¨ãƒ¡ãƒ¢ã—ã¾ã™ã€‚ ≫Facebookã®ã‚·ã‚§ã‚¢ã‚’スマートã«ï¼ ≫ボタンをオリジナル（自作）ã«ã™ã‚‹ç°¡å˜ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ≫Facebookシェアã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒœã‚¿ãƒ³ã‚’Movabletypeã«å…¥ã‚Œã‚‹ã€‚ ≫Facebookã«æŠ•ç¨¿ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ã›æ–¹ã«ã“ã ã‚ã‚‹ ≫OGPã®metaã‚¿ã‚°ã‚’MovableTypeã«å…¥ã‚Œã¦ã¿ã‚‹ ≫テストユーザーã§æŠ•ç¨¿ãƒ†ã‚¹ãƒˆã—ã¦ã¿ã‚‹ ≫Twitterã®ãƒœã‚¿ãƒ³ã‚’オリジナルã«ã™
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://indigonote.com/2011/05/17/javascript-twitter-button/
Facebook Brand Resource Center - Assets Guidelines and Downloads
Service unavailable
{{#tags}}- {{label}}
{{/tags}}