<h3>วิà¸à¸µà¸à¸³ Javascript Share à¸à¸±à¹à¸ 3 à¹à¸à¹à¸à¸µà¸¢à¸¥ Facebook Google Twitter</h3>
<p></br><br />
<strong>วิà¸à¸µà¸à¸³ Javascript Share à¸à¸±à¹à¸ 3 à¹à¸à¹à¸à¸µà¸¢à¸¥ Facebook Google Twitter</strong></p>
<p>ระà¸à¸à¸à¸²à¸£à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸²à¸§à¸ªà¸²à¸£à¹à¸à¸¢à¸±à¸à¹à¸à¹à¸à¸µà¸¢à¸¥à¸à¹à¸²à¸ ๠à¸à¸±à¹à¸ à¸à¸±à¸à¸à¸¸à¸à¸±à¸à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¸³à¹à¸à¹à¸à¹à¸¥à¸°à¸ªà¸³à¸à¸±à¸à¸¡à¸²à¸ ๠à¹à¸à¸¢à¹à¸à¸à¸²à¸°à¸à¸¢à¹à¸²à¸à¸¢à¸´à¹à¸à¸¡à¸µà¸à¸¥à¹à¸à¸¢à¸à¸£à¸à¸à¸±à¸à¸à¸²à¸£à¸à¸³ SEO à¹à¸«à¹à¸à¸±à¸à¹à¸§à¹à¸à¹à¸à¸à¹ à¸à¸°à¹à¸«à¹à¸à¹à¸à¹à¸§à¹à¸²à¹à¸à¸à¸±à¸à¸à¸¸à¸à¸±à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¡à¹à¸§à¹à¸²à¸à¸°à¸à¸±à¸à¸à¸²à¸à¸²à¸ CMS à¹à¸§à¹à¸à¹à¸à¸à¹à¸ªà¸³à¹à¸£à¹à¸à¸£à¸¹à¸à¸«à¸£à¸·à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸à¸ Customize à¸à¸±à¸à¸à¸²à¸à¸¶à¹à¸à¸¡à¸²à¹à¸«à¸¡à¹à¸à¸±à¹à¸à¸«à¸¡à¸ à¸à¸°à¸¡à¸µ social share plugin à¹à¸à¹à¸à¸à¸à¸à¹à¸à¸£à¸°à¸à¸à¸à¸ªà¸³à¸à¸±à¸à¸à¸à¸à¹à¸§à¹à¸à¹à¸à¸à¹<!--more--></p>
<p></br><br />
à¹à¸à¸£à¹à¹à¸à¹à¸à¸µà¸¢à¸¥à¸«à¸¥à¸±à¸ ๠à¸à¸µà¹à¹à¸£à¸²à¸¡à¸±à¸à¸à¸°à¸à¸à¸¡à¸²à¸à¸à¸µà¹à¸ªà¸¸à¸à¸à¸°à¸¡à¸µà¸à¸¢à¸¹à¹ 3 à¹à¸à¹à¸à¸µà¸¢à¸¥à¸«à¸¥à¸±à¸ ๠à¸à¸·à¸ facebook, google+, twittter วัà¸à¸à¸µà¹à¸¥à¸à¸à¸¡à¸²à¸à¸¹à¸à¸±à¸à¸à¸£à¸±à¸à¸§à¹à¸² à¹à¸£à¸²à¸à¸°à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹ javascript à¹à¸à¸à¸²à¸£à¸à¸³ social plugin à¹à¸«à¹à¸à¸±à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¹à¸£à¸²à¹à¸à¹à¸à¸¢à¹à¸²à¸à¹à¸£<br />
</br></p>
<h4>วิà¸à¸µà¸à¸³ Javascript Facebook Share</h4>
<p>สำหรัà¸à¹à¸à¹à¸à¸µà¸¢à¸¥à¸«à¸¥à¸±à¸à¸à¸¢à¹à¸²à¸ facebook à¹à¸à¸¢à¸à¸à¸à¸´à¹à¸¥à¹à¸§à¹à¸§à¸¥à¸²à¸à¸µà¹à¹à¸£à¸²à¹à¸à¸£à¹à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¸¥à¸à¸à¸ facebook timeline ระà¸à¸à¸à¸°à¸à¸³à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸²à¸ meta tag open graph à¸à¸¶à¹à¸à¸à¸°à¸à¸¢à¸¹à¹à¹à¸à¸ªà¹à¸§à¸ head à¸à¸à¸à¹à¸§à¹à¸à¹à¸à¸à¹ à¹à¸à¹à¸ og:title, og:image, og:description à¹à¸à¹à¸à¸à¹à¸ à¹à¸à¹à¸à¹à¸²à¹à¸à¸à¸£à¸à¸µà¸à¸µà¹à¹à¸¡à¹à¸¡à¸µ meta tag à¸à¸µà¹à¸à¸¢à¸¹à¹ ระà¸à¸à¸à¸°à¹à¸à¸à¸¶à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸²à¸ meta tag à¸à¸à¸à¸´à¸à¸à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸¡à¸²à¹à¸ªà¸à¸à¹à¸à¸ à¸à¸±à¸§à¸à¸¢à¹à¸²à¸ og meta tag à¸à¸à¸à¹à¸à¸ªà¸à¸¸à¹à¸</p>
<pre class="lang:default decode:true " ><;meta property="og:image" content="codebee.png">; 
<;meta property="og:title" content="à¸à¸£à¸´à¸©à¸±à¸ à¹à¸à¹à¸à¸à¸µ à¸à¸³à¸à¸±à¸">; 
<;meta property="og:type" content="website">; 
<;meta property="og:url" content="https://www.codebee.co.th">; 
<;meta property="og:site_name" content="codebee">; 
<;meta property="og:description" content="à¸à¸±à¸à¸à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¥à¸°à¹à¸¡à¸à¸²à¸¢à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¹à¸">;</pre>
<p>สำหรัà¸à¸à¸²à¸£à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸£à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸£à¹à¹à¸à¹ 2 à¹à¸à¸à¸à¹à¸§à¸¢à¸à¸±à¸à¸à¸·à¸</p>
<ul>
<li>1. à¹à¸à¸£à¹à¸à¹à¸²à¸ Facebook URL Share à¸à¹à¸§à¸¢à¸à¸²à¸£à¸ªà¹à¸à¸à¸±à¸§à¹à¸à¸£à¹à¸à¸ Query String à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¸
<pre class="lang:default decode:true " > 
<amp-facebook data-href="https://www.facebook.com/sharer.php?u=url" layout="responsive" width="600" height="400"><button overflow type="button">See more</button></amp-facebook> 
&;caption=caption 
&;description=description 
&;picture='picture</pre>
</li>
<li>2. à¹à¸à¸£à¹à¸à¹à¸²à¸ Facebook Javascript API à¸à¹à¸§à¸¢ FB.ui à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¸
<pre class="lang:default decode:true " >FB.ui({ 
	method: 'feed', 
	name: 'à¸à¸£à¸´à¸©à¸±à¸ à¹à¸à¹à¸à¸à¸µ à¸à¸³à¸à¸±à¸', 
	link: 'https://www.codebee.co.th', 
	picture: 'https://www.codebee.co.th/logo.png', 
	caption: 'à¸à¸£à¸´à¸©à¸±à¸à¸£à¸±à¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¥à¸°à¹à¸¡à¸à¸²à¸¢à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¹à¸', 
	description: 'à¸à¸£à¸´à¸©à¸±à¸à¸£à¸±à¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¥à¸°à¹à¸¡à¸à¸²à¸¢à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¹à¸' 
});</pre>
</li>
</ul>
<p></br></p>
<h4>วิà¸à¸µà¸à¸³ Javascript Google+ Share</h4>
<p>สำหรัà¸à¸à¸²à¸£à¹à¸à¸£à¹à¸à¸ Google+ à¸à¸±à¹à¸ à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸µà¹ Google+ à¸à¸°à¸à¸³à¹à¸à¹à¸à¹à¸à¸²à¸à¸à¸±à¹à¸ à¹à¸£à¸´à¹à¸¡à¸à¹à¸à¸à¸°à¸à¸¶à¸à¸¡à¸²à¸à¸²à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸µà¹à¹à¸à¹à¸à¸¡à¸²à¸à¸£à¸à¸²à¸ schema markup à¹à¸à¹à¸à¹à¸²à¹à¸¡à¹à¸¡à¸µà¸à¹à¸à¸¡à¸¹à¸¥à¸à¸¢à¸¹à¹à¹à¸à¹à¸§à¹à¸à¹à¸à¸à¹ à¸à¹à¸à¸°à¹à¸à¸à¸¶à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸¡à¸²à¸à¸£à¸à¸²à¸ html à¸à¸·à¸ meta tag title, image, description à¹à¸«à¸¡à¸·à¸à¸à¸à¸±à¸ facebook à¸à¸±à¸§à¸à¸¢à¹à¸²à¸ schema syntag à¹à¸à¹à¸</p>
<pre class="lang:default decode:true " ><;meta itemprop="name" content="à¸à¸£à¸´à¸©à¸±à¸ à¹à¸à¹à¸à¸à¸µ à¸à¸³à¸à¸±à¸">; 
<;meta itemprop="description" content="รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¥à¸°à¹à¸¡à¸à¸²à¸¢à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¹à¸">; 
<;meta itemprop="image" content="https://www.codebee.co.th/logo.png">;</pre>
<p>à¹à¸£à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸²à¸ Google+ URL Share à¹à¸à¹à¸à¸±à¸à¸à¸µà¹à¸à¸£à¸±à¸</p>
<pre class="lang:default decode:true " > 
https://plus.google.com/share?url=url&;text=title</pre>
<p></br></p>
<h4>วิà¸à¸µà¸à¸³ Javascript Twitter Share</h4>
<p>สำหรัà¸à¸à¸²à¸£à¹à¸à¸£à¹à¸à¹à¸²à¸ Twitter à¹à¸à¸·à¹à¸à¸à¸à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸µà¹à¸à¸³à¸¡à¸²à¹à¸ªà¸à¸à¸à¸°à¸à¸¹à¸à¸à¸¶à¸à¸¡à¸²à¸à¸²à¸ meta tag twitter à¹à¸à¹à¸à¹à¸²à¹à¸¡à¹à¸¡à¸µà¸à¹à¸à¸¡à¸¹à¸¥à¸à¸¢à¸¹à¹à¸à¹à¸à¸°à¹à¸à¹à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¸¥à¸±à¸à¸©à¸à¸°à¹à¸à¸µà¸¢à¸§à¸à¸±à¸ facebook à¹à¸¥à¸° google+ à¸à¸·à¸à¹à¸à¹à¸à¹à¸à¸¡à¸¹à¸¥ html meta tag มาà¹à¸ªà¸à¸à¹à¸à¸ à¸à¸±à¸§à¸à¸¢à¹à¸²à¸ twitter meta tag </p>
<pre class="lang:default decode:true " ><;meta name="twitter:title" content="à¸à¸£à¸´à¸©à¸±à¸ à¹à¸à¹à¸à¸à¸µ à¸à¸³à¸à¸±à¸">; 
<;meta name="twitter:description" content="รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸¥à¸°à¹à¸¡à¸à¸²à¸¢à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¹à¸">; 
<;meta name="twitter:creator" content="@codebee">; 
<;meta name="twitter:image" content="https://www.codebee.co.th/logo.png">;</pre>
<p>à¹à¸¥à¸°à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸«à¸£à¸·à¸à¸à¸§à¸µà¸à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¹à¸§à¸¢ Twitter URL Share à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¸</p>
<pre class="lang:default decode:true " >http://www.twitter.com/share?url=url&;text=title</pre>
<p></br></p>
<p><strong>à¸à¸²à¸£à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸±à¹à¸ 3 à¹à¸à¹à¸à¸µà¸¢à¸¥à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸µà¸¢à¸à¹à¸«à¹à¸à¸³à¸à¸²à¸à¹à¸à¸¥à¸±à¸à¸©à¸à¸°à¹à¸à¸µà¸¢à¸§à¸à¸±à¸à¸à¹à¸§à¸¢ Javascript à¹à¸à¹à¸à¸±à¸à¸à¸µà¹à¸à¸£à¸±à¸</strong></p>
<pre class="lang:default decode:true " > 
var winWidth = 600; 
var winHeight = 600; 
var title = 'หัวà¸à¹à¸à¹à¸§à¹à¸à¹à¸à¸à¹'; 
var caption = 'รายละà¹à¸à¸µà¸¢à¸à¹à¸à¸¢à¸¢à¹à¸'; 
var description = 'รายละà¹à¸à¸µà¸¢à¸à¹à¸à¹à¸¡'; 
var url_image = 'รูà¸à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¹à¸«à¹à¹à¸ªà¸à¸à¸à¸à¸à¹à¸à¸£à¹'; 
 
function shareFacebook(){ 
	var url = 'https://www.facebook.com/sharer.php?u='+web+'&;caption='+slogan+'&;description='+description+'&;picture='+url_image; 
	window.open(url,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height='+winWidth+',width='+winHeight); 
} 
function shareTwitter(){ 
	var url = 'http://www.twitter.com/share?url='+web+'&;text='+title; 
	window.open(url,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height='+winWidth+',width='+winHeight); 
} 
function shareGoogle(){ 
	var url = 'https://plus.google.com/share?url='+web+'&;text='+title; 
	window.open(url,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height='+winWidth+',width='+winHeight); 
}</pre>
<p>สามารà¸à¹à¸à¹à¸à¸³à¸ªà¸±à¹à¸ onClick à¹à¸à¸·à¹à¸à¹à¸à¸£à¹à¸à¹à¸à¸¡à¸¹à¸¥à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸±à¹à¸ ๠à¹à¸à¹à¸à¸±à¸à¸à¸µ à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¸</p>
<pre class="lang:default decode:true " ><;a onClick="shareFacebook();">;Facebook Share<;/a>; 
<;a onClick="shareTwitter();">;Twitter Share<;/a>; 
<;a onClick="shareGoogle();">;Google+ Share<;/a>;</pre>
<p></br></p>

วิธีทำ Javascript Share ทั้ง 3 โซเชียล Facebook Google Twitter
