怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發

    在一些主流的網站都會在頁面中的適當位置添加分享鏈接,有一點裂變的味道,可以極大的提升你的網站曝光率,分享下怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接

    當訪客看到一篇不錯的文章,自然而然的就想收藏或是轉發出去,這樣一來,就有一點裂變的味道,可以極大的提升你的網站曝光率,如你所見,在一些主流的網站都會在頁面中的適當位置添加分享鏈接。這一節的wordpress開發教程就和大家分享下,怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接。

    原理分析:

    各大平臺都有提供指定格式,根據格式傳遞參數即可

    有哪些格式?

    常用:

    1.分享到QQ空間接口

    https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的網址&sharesource=qzone&title=你的分享標題&pics=你的分享圖片&summary=你的分享描述信息

    2.分享給QQ好友接口

    http://connect.qq.com/widget/shareqq/index.html?url=你的分享網址&sharesource=qzone&title=你的分享標題&pics=你的分享圖片地址&summary=你的分享描述&desc=你的分享簡述

    3.分享到新浪微博接口

    http://service.weibo.com/share/share.php?url=你的分享網址&sharesource=weibo&title=你的分享標題&pic=你的分享圖片&appkey=你的key,需要在新浪微博開放平臺中申請

    其他:

    <ul>
        <li><a title="新浪微博" rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="新浪微博" src="http://www.cngump.com/images/bookmark/sina.png" alt="新浪微博" /></a></li>
        <li><a title="騰訊微博" rel="nofollow" target="_blank" href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+'<?php echo $title; ?>'+encodeURIComponent(document.title)+'&url='+encodeURIComponent('<?php echo $permalink; ?>')+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" >
            <img title="騰訊微博" src="http://www.cngump.com/images/bookmark/tqq.png" alt="騰訊微博" />
        </a></li>
        <li><a title="網易微博" rel="nofollow" href="http://t.163.com/share/popup?sourceUrl=<?php echo $domainurl; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&content=utf-8" target="_blank"><img title="網易微博" src="http://www.cngump.com/images/bookmark/t163.png" alt="網易微博" /></a></li>
        <li><a title="鮮果" rel="nofollow" href="http://www.xianguo.com/service/submitdigg/?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="鮮果" src="http://www.cngump.com/images/bookmark/xianguo.png" alt="鮮果" /></a></li>
        <li><a title="九點" rel="nofollow" href="http://www.douban.com/recommend/?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&n=1" target="_blank"><img title="九點" src="http://www.cngump.com/images/bookmark/douban9.png" alt="九點" /></a></li>
        <li><a title="人人" rel="nofollow" href="http://share.renren.com/share/buttonshare.do?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>" target="_blank"><img title="人人" src="http://www.cngump.com/images/bookmark/renren.png" alt="人人" /></a></li>
        <li><a title="抽屜" rel="nofollow" href="http://dig.chouti.com/digg.action?newsURL=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="抽屜" src="http://www.cngump.com/images/bookmark/chouti.png" alt="抽屜" /></a></li>
        <li><a title="百度搜藏" rel="nofollow" href="http://cang.baidu.com/do/add?it=<?php echo $title; ?>&iu=<?php echo $permalink; ?>" target="_blank"><img title="百度搜藏" src="http://www.cngump.com/images/bookmark/baidu.png" alt="百度搜藏" /></a></li>
        <li><a title="Follow5" rel="nofollow" href="http://www.follow5.com/f5/discuz/sharelogin.jsp?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="Follow5" src="http://www.cngump.com/images/bookmark/f5.png" alt="Follow5" /></a></li>
        <li><a title="Twitter" rel="nofollow" href="http://twitter.com/home?status=<?php echo $title; ?>%20-%20<?php echo $permalink; ?>" target="_blank"><img title="Twitter" src="http://www.cngump.com/images/bookmark/twitter.png" alt="Twitter" /></a></li>
        <li><a title="Facebook" rel="nofollow" href="http://www.facebook.com/share.php?u=<?php echo $permalink; ?>&t=<?php echo $title; ?>" target="_blank"><img title="Facebook" src="http://www.cngump.com/images/bookmark/facebook.png" alt="Facebook" /></a></li>
    </ul>

    以上內容僅供參考。

    實際結合:

    結合實際分析,我選取了以下幾個主流平臺來進行選取:QQ空間、QQ好友、新浪微博、Twitter、Facebook。

    需要注意的是,下面提供的方法僅供參考演示,不能直接使用。注意圖片防盜鏈。

    方法:

    <?php
    //社交分享
    if ( ! function_exists( 'npcink_post_share' ) ) :
    	function npcink_post_share() {
    		//獲取當前頁面鏈接
    		$share_permalink = "http://www.kartiktrivedi.com/15839.html";
    		//當前頁面標題
    		$share_title = "我是Npcink的頁面標題";
    		//當前頁面分享圖片
    		$share_img = "互聯網圖片URL";
    		//當前頁面的描述信息
    		$share_describe = "我是一段Npcink的簡單描述";
    		//當前頁面的分享簡述(QQ好友)
    		$share_briefly_describe = "我是一段分享Npcink優質內容的簡述,僅用在QQ好友中";
    ?>
    
    <a title="QQ空間" rel="nofollow" target="_blank" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=<?php echo $share_permalink; ?>&sharesource=qzone&title=<?php echo $share_title; ?>&pics=<?php echo $share_img; ?>&summary=<?php echo $share_describe; ?>" >QQ空間</a>
    <a title="QQ好友" rel="nofollow" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=<?php echo $share_permalink; ?>&sharesource=qzone&title=<?php echo $share_title; ?>&pics=<?php echo $share_img;?>&summary=<?php echo $share_describe;?>&desc=<?php echo $share_briefly_describe;?>">QQ好友</a>
    <a title="新浪微博" rel="nofollow" target="_blank" href="http://v.t.sina.com.cn/share/share.php?url=<?php echo $share_permalink; ?>&title=給你推薦一個很棒的網站:<?php echo $share_title; ?>?-&content=utf-8">微博</i></a>
    
    <a title="Twitter" rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?text=給你推薦一個很棒的網站:<?php echo $share_title; ?>?-&url=<?php echo $share_permalink; ?>">Twitter</a>
    <a title="Facebook" rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=<?php echo $share_permalink; ?>&t=<?php echo $share_title; ?>">Facebook</i></a>
    
    <?php
    	}
    endif;

    調用:

    <?php npcink_post_share(); //社交分享?>

    實際效果:

    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發
    facebook

    補充:

    微博還有一個:

    <a title="新浪微博" rel="nofollow" target="_blank" href="http://service.weibo.com/share/share.php?url=<?php echo $share_permalink; ?>&sharesource=weibo&title=給你推薦一個很棒的網站:<?php echo $share_title; ?>?-&pic=<?php echo $share_img; ?>">微博(來自互聯網)</i></a>
    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發
    微博2

    關于Facebook的分享中,請查閱:

    社交平臺是會抓取目標頁面的代碼(注意是服務器返回的html代碼,由js操作后的html它們是抓不到的),
    然后對html中的<title/><meta/>標簽進行分析。一般來說<title/>會作為要分享的標題,<meta name="description" content="">會作為分享的正文。這是最基本的兩個抓取點。

    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink
    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink

    web怎么將動態內容分享到Facebook,Twitter等社交平臺?

    實戰

    以上內容為原理分析,在實際運用中可參考下列代碼:

    請將下面的代碼放在您主題的function.php里面即可,無需任何其它設置。

    <?php
    /* QQ H5 Card posts
    /*-----------------------------------------------------------------------------------*/
    add_action('wp_enqueue_scripts', 'ieoptimize_qq_register', 10, 5);
    function ieoptimize_qq_register() {
              if( is_singular()) ieoptimize_qq_data();
    }
    function ieoptimize_qq_data() {
    	global $post ;
        $qqh5_title 		= strip_shortcodes(strip_tags(( get_the_title() ))) .' - '. get_bloginfo('name') ;
    	$qqh5_description = strip_tags(strip_shortcodes( apply_filters('ie_exclude_content', $post->post_content) ) );
    	$qqh5_image_data = wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ) );
        if( is_home() || is_front_page() ){
    	   $qqh5_title 		= get_bloginfo('name');
    	   $qqh5_description = get_bloginfo( 'description' );
        }
    ?>
    <meta itemprop="name" content="<?php echo $qqh5_title ?>">
    <meta itemprop="description" content="<?php echo wp_html_excerpt( $qqh5_description , 100 ) ?>">
    <meta itemprop="image" content="<?php echo $qqh5_image_data ?>">
    <?php
    }

    搞這么些花里胡哨的,弄個二維碼,讓訪客在自己的手機上訪問然后分享就好啦。

    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink
    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink

    怎么將qrcode.js生成二維碼添加到網站上? - wordpress開發

    代碼太麻煩了,還是用wordpress插件比較爽。

    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink
    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink

    博客社交分享組件WP插件 - 打賞/點贊/微海報/社交分享四合一

    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink
    怎么添加QQ、微博、Twitter、Facebook的社交分享鏈接? - wordpress開發-Npcink

    WP Poster - WordPress文章分享海報插件

    wordpress主題開發之:添加評論

    2018-10-29 13:08:28

    網站

    各大網站收錄、搜索引擎的提交入口

    2019-4-19 0:02:57

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 国产在线无码视频一区二区三区| 中文字幕一区二区三区在线不卡| 色国产精品一区在线观看| 亚洲高清偷拍一区二区三区| 日本一区二区高清不卡| av无码一区二区三区| 日本一区二区不卡在线| 国产乱码一区二区三区四| 日韩美女在线观看一区| 精品人妻一区二区三区毛片| 蜜桃视频一区二区三区在线观看 | 国产亚洲一区二区手机在线观看| 日韩精品无码一区二区三区AV| 亚洲爆乳无码一区二区三区| 亚洲一区中文字幕在线观看| 日韩精品久久一区二区三区 | 精品人妻中文av一区二区三区| 人妻体内射精一区二区三四 | 亚洲一区二区女搞男| 北岛玲在线一区二区| 精品免费AV一区二区三区| 亚洲日本一区二区三区| 精品人妻中文av一区二区三区| 国产一区麻豆剧传媒果冻精品| 好吊视频一区二区三区| 国产精品一区二区av不卡| 日本免费精品一区二区三区| 波多野结衣AV无码久久一区| 香蕉免费看一区二区三区| 亚洲综合一区二区精品导航| 精品一区二区三区免费| 国产激情一区二区三区小说| 亚洲AV无码一区二区乱子伦| 99精品国产高清一区二区麻豆| 卡通动漫中文字幕第一区| 麻豆一区二区三区精品视频| 一区二区福利视频| 日本一区二区视频| 一区二区三区四区视频| 国产成人精品无人区一区| 怡红院AV一区二区三区|