WordPress網站添加公眾號漲粉功能（代碼）

199次閱讀

共計 3127 個字符，預計需要花費 8 分鐘才能閱讀完成。

微信公眾號已經發展了七個年頭，現在公眾號漲粉越來越難，也越來越貴，目前最有效的方法依舊是資源誘導，不但關注效率高，而且粉絲十分精準。

但是，眾所周知的原因（或許百度不想成為微信導流平臺），百度推出了新風算法，禁止誘導用戶關注公眾號，為了規避這個風險，我們來手動純代碼為 WordPress 網站添加公眾號漲粉功能。

對于關注公眾號獲取驗證碼查看全部內容以實現漲粉這一功能，網上除了插件版自然也是有很多代碼版的，但是有一些代碼版在實際測試時發現效果并不理想，這里我就將自己收集整理并親測可用的代碼版分享出來以供大家使用，代碼來源于網絡，原作者已不可考，在此就不再申明。

注意：修改之前希望大家先將網站備份一下以避免誤操作引起的網站崩潰。

將下面的代碼按照文字提示進行簡單的修改并添加到你主題的 functions.php 文件中去，部分主題的自定義函數可能不是放在這個文件中，如果不確定可以咨詢主題作者確認具體的添加位置。

// 網站添加公眾號漲粉功能核心代碼 
function secret($atts, $content=null){
    extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
    if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
        return '<div class="secret-password">'.$content.'</div>';
      }
	else {
    return '<div class="post_hide_box">
            <img class="erweima" align="right" src="公眾號二維碼圖片的地址" width="160" height="160" alt="公眾號二維碼加載失敗時的替代文字"><div class="post-secret"><i class="fa fa-exclamation-circle"></i> 此處內容已經被作者無情的隱藏，請輸入驗證碼查看內容 </div>
            <form action="'.get_permalink().'" method="post"> 
                <span> 驗證碼：</span><input id="pwbox" type="password" size="20" name="secret_key">
                <a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
            </form>
            <div class="details"> 請關注“你公眾號名字”官方公眾號，回復關鍵字“<span>'.$keyword.'</span>”，獲取驗證碼。<span>【注】</span> 手機掃描二維碼快速關注“你公眾號名字”官方公眾號。</div>
         </div>';
      }
}
add_shortcode('ghide', 'secret');

值得注意的是，以下樣式是我根據主題風格及個人喜好調整的前端樣式，大家可以自行根據自己主題修改下面的樣式內容，一般情況下我們將下面的代碼添加到主題的 style.css 文件中去即可，但是部分主題可能不調用 style.css 文件，比如我所使用的 DUX 主題則需要將此段代碼添加至 main.css 文件中去。

/* 網站添加公眾號漲粉功能樣式代碼 */
.post_hide_box, .secret-password{
	background: none repeat scroll 0 0 #fcffff;
	border: 1px dashed #24b4f0;
	color: #123456;
	padding: 10px;
	border-radius: 9px;
	margin: 18px 0px;
	overflow:hidden;
	clear:both;
	}
.post_hide_box .post-secret{
	font-size: 18px;
	line-height:20px; 
	color:#f0503c; 
	margin:5px;
	}
.post_hide_box form{ margin:15px 5px;}
.post_hide_box form span{ font-size:18px; font-weight:bold;}
.post_hide_box .erweima{ margin: 15px;}
.post_hide_box input[type=password]{
	color: #00a0f0;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #24b4f0;
	border-radius: 5px;
	font-size: 12px;
	margin: 0px 5px;
	-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; 
	-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; 
	transition: border .25s linear,color .25s linear,background-color .25s linear;}
.post_hide_box input[type=submit] { 
    background: #24b4f0; 
	border: none; 
	padding: 5px;
	width: 88px;  
	color: #fff; 
	border-radius: 5px; 
	font-size: 16px;
	font-weight:bold;
	}
.details{
	color:#123456;
    font-size: 16px;
	line-height: 30px;
	margin: 5px;
	padding: 3px;
	}
.post_hide_box .details span{color:#e74c3c;}

一般情況下，如果我們正確配置好了前兩步，則在編輯文章時通過以下短代碼既可以實現隱藏部分內容，等訪客關注公眾號獲取驗證碼并提交后顯示隱藏內容的效果。

【ghide keyword="關鍵字" key="驗證碼"] 隱藏內容 [/ghide】

為了使文章編輯更加簡單，我們可以通過下面的代碼在文章編輯器中添加一個簡碼按鈕，通過點擊該按鈕即可自動添加上面這段簡碼。

// 文章編輯器添加簡碼按鈕 
function wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'ghide', '公眾號隱藏', '\n【ghide keyword=" 關鍵字 "key=" 驗證碼 "] 隱藏內容 [/ghide】', "" );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_gzh_quicktags' );