share SDK Tips

簡介

本文是關於share的使用,使用的是cdn地址方式。可通過微博、QQ空間、Facebook等進行分享,本文列舉的是新浪微博、QQ空間、QQ好友、豆瓣、Facebook、Twitter分享,若需要獲取更多分享方式,請參考share SDK的官方文檔。

使用

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!--MOB SHARE BEGIN-->
		<div class="-mob-share-ui-button -mob-share-open">分享</div>
		<div class="-mob-share-ui" style="display: none">
			<ul class="-mob-share-list">
				<li class="-mob-share-weibo">
					<p>新浪微博</p>
				</li>
				<li class="-mob-share-qzone">
					<p>QQ空間</p>
				</li>
				<li class="-mob-share-qq">
					<p>QQ好友</p>
				</li>
				<li class="-mob-share-douban">
					<p>豆瓣</p>
				</li>
				<li class="-mob-share-facebook">
					<p>Facebook</p>
				</li>
				<li class="-mob-share-twitter">
					<p>Twitter</p>
				</li>
			</ul>
			<div class="-mob-share-close">取消</div>
		</div>
		<div class="-mob-share-ui-bg"></div>

	</body>
	<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=273562dd2d6d0"></script>
	<script>
		mobShare.config({

			debug: true, // 開啓調試,將在瀏覽器的控制檯輸出調試信息

			appkey: '273562dd2d6d0', // appkey

			params: {
				url: 'http://wiki.mob.com/api/', // 分享鏈接
				title: '垃圾', // 分享標題
				description: '案件基督教基督教', // 分享內容
				pic: 'http://pic36.photophoto.cn/20150728/0022005597823716_b.jpg', // 分享圖片,使用逗號,隔開
				reason: '', //自定義評論內容,只應用與QQ,QZone與朋友網
			},

			/**
			 * 分享時觸發的回調函數
			 * 分享是否成功,目前第三方平臺並沒有相關接口,因此無法知道分享結果
			 * 所以此函數只會提供分享時的相關信息
			 * 
			 * @param {String} plat 平臺名稱
			 * @param {Object} params 實際分享的參數 { url: 鏈接, title: 標題, description: 內容, pic: 圖片連接 }
			 */
			callback: function(plat, params) {}

		});
	</script>
	<!--MOB SHARE END-->

</html>

運行效果

樣式可根據自己需求更改,此樣式僅供參考。

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章