Hồ Bảo Huy - Chuyên Gia SEO - Chuyên Gia Marketing » Lập Trình WordPress

Lấy Google PageRank nhúng trực tiếp vào site WordPress bằng code PHP

admin — Tue, 30 Sep 2014 05:38:40 +0000

Đã có nhiều công cụ kiểm tra Google PageRank rồi, code này chủ yếu để các bạn vọc hoặc là muốn tự tạo một công cụ kiểm tra PageRank trên chính trang web của bạn. Tuy không chắc rằng Google có khai tử PageRank trong năm 2014 này hay không, nhưng tinh thần học hỏi thì không bao giờ ngừng, bạn cứ thử làm code này trước khi mọi thứ quá muộn nhé.

Đầu tiên thì bạn tạo một class để đảm nhiệm nhiệm vụ lấy thông tin từ server của Google trước.

<?php<br />
class<br />
 PR {<br />
    public function get_google_pagerank($url) {</p>
<p>$query=”http://toolbarqueries.google.com/tbr?client=navclient-auto&ch=”.$this->CheckHash($this->HashURL($url)).<br />
 “&features=Rank&q=info:”.$url.”&num=100&filter=0″;<br />
        $data=file_get_contents($query);<br />
        $pos = strpos($data, “Rank_”);<br />
        if($pos === false){} else{<br />
        $pagerank = substr($data, $pos + 9);<br />
        return $pagerank;<br />
        }<br />
    }</p>
<p>    public function StrToNum($Str, $Check, $Magic)<br />
    {<br />
        $Int32Unit = 4294967296;  // 2^32</p>
<p>        $length = strlen($Str);<br />
        for ($i = 0; $i < $length; $i++) {<br />
        $Check *= $Magic;</p>
<p>        if ($Check >= $Int32Unit) {<br />
            $Check = ($Check – $Int32Unit * (int) ($Check /<br />
$Int32Unit));<br />
            $Check = ($Check < -2147483648) ? ($Check + $Int32Unit) :<br />
 $Check;<br />
        }<br />
        $Check += ord($Str{$i});<br />
        }<br />
        return $Check;<br />
    }</p>
<p>    public function HashURL($String)<br />
    {<br />
        $Check1 = $this->StrToNum($String, 0x1505, 0x21);<br />
        $Check2 = $this->StrToNum($String, 0, 0x1003F);</p>
<p>        $Check1 >>= 2;<br />
        $Check1 = (($Check1 >> 4) & 0x3FFFFC0 ) | ($Check1<br />
& 0x3F);<br />
        $Check1 = (($Check1 >> 4) & 0x3FFC00 ) | ($Check1<br />
& 0x3FF);<br />
        $Check1 = (($Check1 >> 4) & 0x3C000 ) | ($Check1 &<br />
 0x3FFF);</p>
<p>        $T1 = (((($Check1 & 0x3C0) << 4) | ($Check1 &<br />
0x3C)) <<2 ) | ($Check2 & 0xF0F );<br />
        $T2 = (((($Check1 & 0xFFFFC000) << 4) | ($Check1 &<br />
 0x3C00)) << 0xA) | ($Check2 & 0xF0F0000 );</p>
<p>        return ($T1 | $T2);<br />
    }</p>
<p>    public function CheckHash($Hashnum)<br />
    {<br />
        $CheckByte = 0;<br />
        $Flag = 0;</p>
<p>        $HashStr = sprintf(‘%u’, $Hashnum) ;<br />
        $length = strlen($HashStr);</p>
<p>        for ($i = $length – 1;  $i >= 0;  $i –) {<br />
        $Re = $HashStr{$i};<br />
        if (1 === ($Flag % 2)) {<br />
            $Re += $Re;<br />
            $Re = (int)($Re / 10) + ($Re % 10);<br />
        }<br />
        $CheckByte += $Re;<br />
        $Flag ++;<br />
        }</p>
<p>        $CheckByte %= 10;<br />
        if (0 !== $CheckByte) {<br />
        $CheckByte = 10 – $CheckByte;<br />
        if (1 === ($Flag % 2) ) {<br />
            if (1 === ($CheckByte % 2)) {<br />
                $CheckByte += 9;<br />
            }<br />
            $CheckByte >>= 1;<br />
        }<br />
        }</p>
<p>        return ‘7’.$CheckByte.$HashStr;<br />
    }<br />
}<br />
?>

classPR{

publicfunctionget_google_pagerank($url){

$query=“http://toolbarqueries.google.com/tbr?client=navclient-auto&ch=”.$this->CheckHash($this->HashURL($url)).“&features=Rank&q=info:”.$url.“&num=100&filter=0″;

$data=file_get_contents($query);

$pos=strpos($data,“Rank_”);

if($pos===false){}else{

$pagerank=substr($data,$pos+9);

return$pagerank;

}

publicfunctionStrToNum($Str,$Check,$Magic)

{

$Int32Unit=4294967296; // 2^32

$length=strlen($Str);

for($i=0;$i<$length;$i++){

$Check*=$Magic;

if($Check>=$Int32Unit){

$Check=($Check–$Int32Unit*(int)($Check/$Int32Unit));

$Check=($Check<–2147483648)?($Check+$Int32Unit):$Check;

}

$Check+=ord($Str{$i});

}

return$Check;

}

publicfunctionHashURL($String)

{

$Check1=$this->StrToNum($String,0x1505,0x21);

$Check2=$this->StrToNum($String,0,0x1003F);

$Check1>>=2;

$Check1=(($Check1>>4)&0x3FFFFC0)|($Check1&0x3F);

$Check1=(($Check1>>4)&0x3FFC00)|($Check1&0x3FF);

$Check1=(($Check1>>4)&0x3C000)|($Check1&0x3FFF);

$T1=(((($Check1&0x3C0)<<4)|($Check1&0x3C))<<2)|($Check2&0xF0F);

$T2=(((($Check1&0xFFFFC000)<<4)|($Check1&0x3C00))<<0xA)|($Check2&0xF0F0000);

return($T1|$T2);

}

publicfunctionCheckHash($Hashnum)

{

$CheckByte=0;

$Flag=0;

$HashStr=sprintf(‘%u’,$Hashnum);

$length=strlen($HashStr);

for($i=$length–1; $i>=0; $i—){

$Re=$HashStr{$i};

if(1===($Flag%2)){

$Re+=$Re;

$Re=(int)($Re/10)+($Re%10);

}

$CheckByte+=$Re;

$Flag++;

}

$CheckByte%=10;

if(0!==$CheckByte){

$CheckByte=10–$CheckByte;

if(1===($Flag%2)){

if(1===($CheckByte%2)){

$CheckByte+=9;

}

$CheckByte>>=1;

}

return‘7’.$CheckByte.$HashStr;

}

Bạn lưu class trên với tên pr.class.php, sau đó tạo một tập tin PHP khác để sử dụng lại code này:

<?php<br />
include_once(“pr.class.php”);<br />
$url=’http://sauhi.com';<br />
$pr = new PR();<br />
echo “$url PageRank: “. $pr->get_google_pagerank($url) ;<br />
?>

include_once(“pr.class.php”);

$url=‘http://sauhi.com’;

$pr=newPR();

echo“$url PageRank: “.$pr->get_google_pagerank($url);

Bạn chạy thử tập tin vừa tạo xem có đúng là trang của bạn có Google PageRank là như thế không nhé. Bạn có thể kiểm tra lại và so sánh kết quả với những công cụ đang chạy trực tuyến hoặc thông qua Google Toolbar.

Tạo bộ nút thanh toán bằng PayPal đẹp mắt, ấn tượng

admin — Tue, 30 Sep 2014 05:38:08 +0000

Có 5 loạt nút PayPal mà bạn có thể tạo được: Buy Now, Add to Cart, Donate, Buy Gift Certificate và Subscribe. Ứng với mỗi loại nút là một chức năng và công dụng khác nhau. Trong bài viết này mình chỉ hướng dẫn cho bạn cách tạo nút Buy Now trên PayPal, còn mấy loại nút khác thì bạn làm tương tự.

Để tiến hành làm việc này, bạn vào địa chỉ trang thông tin Buttons for single purchases, sau đó bạn tìm đường link với chữ là Create your button now, bạn click chuột vào đó để chuyển sang trang mới.

Bên trong trang mới này sẽ có 3 bước để bạn thực hiện, tuy nhiên vì đây là bạn chưa đăng nhập vào hệ thống của PayPal nên chỉ điền thông tin ở bước thứ nhất mà thôi. Bạn điền thông tin như hình ảnh mình gửi minh họa bên dưới, bao gồm những thông tin về: tên sản phẩm, giá sản phẩm, tiền vận chuyển, thuế và địa chỉ email người nhận tiền.

Sau khi hoàn thành xong, bạn kéo xuống dưới và nhấn vào nút Create Button, hệ thống sẽ chuyển bạn sang trang mới có chứa mã HTML để bạn lấy về chèn vào website hoặc bạn có thể lấy chỉ đường link mà thôi.

Vậy là bạn đã có được 1 nút bán hàng đơn giản, tuy nhiên nếu bạn cần xác minh giao dịch có thành công hay không thì bạn cũng có thể chỉnh sửa lại thông tin của code như sau:

<form<br />
 action=”https://www.sandbox.paypal.com/cgi-bin/webscr” method=”post”<br />
target=”_top”><br />
    <input type=”hidden” name=”cmd” value=”_xclick”><br />
    <input type=”hidden” name=”business”<br />
value=”skylarkcob-facilitator@hotmail.com”><br />
    <input type=”hidden” name=”lc” value=”US”><br />
    <input type=”hidden” name=”item_name” value=”TestVIP”><br />
    <input type=”hidden” name=”button_subtype” value=”services”><br />
    <input type=”hidden” name=”no_note” value=”0″><br />
    <input type=”hidden” name=”currency_code” value=”USD”><br />
    <input type=”hidden” name=”tax_rate” value=”0.000″><br />
    <input type=”hidden” name=”shipping” value=”0.00″><br />
    <input type=”hidden” name=”bn”<br />
value=”PP-BuyNowBF:btn_buynowCC_LG.gif:NonHostedGuest”><br />
    <table><br />
        <tr><br />
            <td><br />
                <input type=”hidden” name=”on0″<br />
value=”Package”>Package<br />
            </td><br />
        </tr><br />
        <tr><br />
            <td><br />
                <select name=”os0″><br />
                    <option value=”Monthly Membership”>Monthly<br />
Membership $10.00 USD</option><br />
                    <option value=”Life Membership”>Life<br />
Membership $100.00 USD</option><br />
                </select><br />
            </td><br />
        </tr><br />
    </table><br />
    <input type=”hidden” name=”currency_code” value=”USD”><br />
    <input type=”hidden” name=”option_select0″ value=”Monthly<br />
Membership”><br />
    <input type=”hidden” name=”option_amount0″ value=”10.00″><br />
    <input type=”hidden” name=”option_select1″ value=”Life<br />
Membership”><br />
    <input type=”hidden” name=”option_amount1″ value=”100.00″><br />
    <input type=”hidden” name=”option_index” value=”0″><br />
    <input type=”hidden” name=”return”<br />
value=”http://localhost/paypal/success.php”><br />
    <input type=”hidden” name=”cancel_return”<br />
value=”http://localhost/paypal/cancel.php”><br />
    <input type=”hidden” name=”page_style” value=”TestLocal”><br />
    <input type=”image”<br />
src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif”<br />
border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay<br />
online!”><br />
    
src=”https://www.paypalobjects.com/en_US/i/scr/pixel.gif” width=”1″<br />
height=”1″><br />
</form>

<table>

<tr>

<td>

<input type=“hidden”name=“on0″value=“Package”>Package

</td>

</tr>

<tr>

<td>

<option value=“Monthly Membership”>Monthly Membership$10.00USD</option>

<option value=“Life Membership”>Life Membership$100.00USD</option>

</select>

</td>

</tr>

</table>

</form>

Bên trên là form mẫu mình tạo ra với mục đích cho người dùng mua tài khoản VIP với 2 gói là Monthly giá $10 và Life giá $100. Bạn chỉnh sửa lại thông tin cho phù hợp với trang của bạn đang làm.

<input type=”hidden” name=”return” value=”http://localhost/paypal/success.php”>

1	<input type=“hidden”name=“return”value=“http://localhost/paypal/success.php”>

Bạn chú ý tới dòng này, đây là địa chỉ trang xử lý code khi giao dịch thành công. Ví dụ code bên trên, nếu người dùng mua VIP 1 tháng và họ đã giao dịch thành công thì mình sẽ cập nhật lại user group cho họ thành VIP Member.

<input type=”hidden” name=”cancel_return” value=”http://localhost/paypal/cancel.php”>

1	<input type=“hidden”name=“cancel_return”value=“http://localhost/paypal/cancel.php”>

Dòng này thì để cấu hình trang hiển thị khi người dùng hủy thanh toán, nếu bạn cảm thấy cái này không cần thiết thì có thể bỏ qua.

Bạn cũng có thể thay đổi cái hình ảnh của nút thanh toán bằng một hình ảnh khác trên trang lưu trữ hình ảnh của PayPal. Bạn hoàn toàn có thể thay thế hình này bằng một hình ảnh bạn tự tạo ra, dù sao thì tự lấy hình mình làm cũng ưng ý hơn là hình ảnh mặc định của PayPal. Chúc bạn thành công.

Hưỡng dẫn cách tạo tài khoản PayPal Sandbox test code trước khi áp dụng

admin — Tue, 30 Sep 2014 05:36:47 +0000

Mình đã viết bài hướng dẫn tạo nút thanh toán đơn giản bằng PayPal nhưng chưa giới thiệu cho bạn làm cách nào để test thử chức năng cái nút này hoạt động như thế nào. Bài viết này mình sẽ hướng dẫn cho bạn cách tạo tài khoản PayPal Sandbox để chạy thử code trước khi đưa nó vào hoạt động thật trên trang chính.

Có 2 cách bạn có thể tạo được tài khoản Sandbox, bạn có thể vào trang PayPal Developer để đăng nhập và tạo cho mình một tài khoản. Mà tốt nhất thì nên tạo 2 tài khoản, một cái để test nhận tiền và một cái để test chuyển tiền.

Đối với trang PayPal Developer bạn có thể đăng nhập bằng tài khoản PayPal chính của mình hoặc có thể đăng ký một tài khoản mới tại trang Sign up for a business account.

Sau khi bạn đã có tài khoản PayPal và đăng nhập vào hệ thống dành riêng cho các developer, bạn nhìn vào thanh menu chính và vào trang Applications.

Tiếp tục nhìn sang menu bên trái và bạn sẽ thấy menu Sandbox accounts, hãy vào đó và nhấn vào nút Create Account để tạo thêm tài khoản mới. Bạn có thể tạo 2 hoặc 5 tài khoản gì tùy thích, mà nói chung chỉ cần 2 tài khoản là có thể sử dụng được rồi.

Cách thứ 2 là bạn có thể vào trang chủ PayPal sandbox để tạo tài khoản, giao diện và chức năng của trang Sandbox cũng giống như trang chủ của PayPal, tuy nhiêu giao dịch và tiền bạc trên sandbox chỉ để test, không sử dụng để mua bán thật được, và bạn có thể chuyển khoản hoặc nhận tiền thoải mái. Chúc bạn thành công.

Thiết kế giao diện cho WordPress với Font Awesome cực bắt mắt

admin — Tue, 30 Sep 2014 05:36:18 +0000

Nếu bạn muốn thiết kế giao diện WordPress mà không cần đến hình ảnh thì bài viết này mình sẽ hướng dẫn cho bạn cách làm như vậy. Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 400 icon cho bạn lựa chọn, chỉ cần tích hợp css và font vào là sử dụng, không cần đến javascript hoặc những cái gì cao siêu.

Trong bài viết hôm trước mình đã hướng dẫn cho bạn cách tích hợp Bootstrap vào WordPress, tuy nhiên với Bootstrap thì bộ icon hỗ trợ kèm theo chưa đầy đủ lắm. Công việc tích hợp Font Awesome cũng tương tự như vậy, bạn chỉ cần tải bộ font và css về, sau đó giải nén và đính kèm vào giao diện của WordPress để sử dụng.

Sau khi tải tập tin về máy tính, bạn giải nén và đổi tên thư mục thành font-awesome, tiếp đến copy nguyên thư mục này bỏ vào giao diện của bạn, sử dụng hàm sau để tích hợp Font Awesome.

function add_font_awesome() {<br />
    wp_register_style(‘font-awesome-style’, get_template_directory_uri() . ‘/lib/font-awesome/css/font-awesome.min.css’);<br />
    wp_enqueue_style(‘font-awesome-style’);<br />
}<br />
add_action(‘wp_enqueue_scripts’, ‘add_font_awesome’);

functionadd_font_awesome(){

wp_register_style(‘font-awesome-style’,get_template_directory_uri().‘/lib/font-awesome/css/font-awesome.min.css’);

wp_enqueue_style(‘font-awesome-style’);

}

add_action(‘wp_enqueue_scripts’,‘add_font_awesome’);

Nhớ là thay đổi đường dẫn cho phù hợp với tập tin trong giao diện. Sau khi hoàn thành xong thì bạn đã có thể sử dụng font một cách thoải mái. Cách sử dụng cũng cực kỳ dễ, bạn chỉ cần tìm icon ưng ý và sử dụng lại theo cú pháp sau:

<i class=”fa fa-wordpress”></i>

1	<iclass=“fa fa-wordpress”></i>

Xem thêm danh sách tất cả các icon hiện có của Font Awesome trên trang Font Awesome Icons.

Ngoài cách sử dụng trên, bạn có thể chỉnh sửa thuộc tính của css, nếu như các chức năng bạn không thêm được HTML code giống như ví dụ bên trên thì bạn áp dụng phương pháp này:

a.button-send:before {<br />
    font-family: ‘FontAwesome';<br />
    content: “\f1d9″;<br />
}

a.button–send:before{

font–family:‘FontAwesome’;

content:“\f1d9″;

}

Rất đơn giản và dễ sử dụng phải không nào. Thiết kế website theo phong cách hiện đại là phải gọn nhẹ và chạy nhanh, nếu giao diện bạn không có dùng hình ảnh thì dĩ nhiên sẽ chạy nhanh hơn so với giao diện có nhiều hình ảnh, đặc biệt là những hình nền có kích thước lớn. Chúc bạn thành công.

Để theo dõi lượng người dùng kick like Facebook trên site của bạn

admin — Tue, 30 Sep 2014 05:35:46 +0000

Bài viết này mình sẽ hướng dẫn cho bạn cách theo dõi người dùng khi họ nhấn nút like Facebook. Yêu cầu của bài toán được đặt ra là bạn có chức năng chỉ hiển thị cho người dùng nội dung của bài viết một khi họ đã nhấn like trên fanpage của bạn. Nếu như chỉ like bình thường thôi thì nội dung sẽ không được cập nhật, theo cách thông thường, khi người dùng vừa nhấn like thì hiển thị thông báo và tải lại trang hiển thị nội dung cho người đó.

Đây là bài viết đầu tiên mình viết bài hướng dẫn có liên quan đến Facebook API, do vậy bạn phải tạo một tài khoản Facebook trước tiên và đăng ký một APP mới trên Facebook Developers. Bạn hãy tạo một app mới, điền tên cho phù hợp và thiết lập đầy đủ cho nó nhé.

Sau khi đã có một app thì bạn nên quan tâm tới 2 thành phần chính đó là app id và app secret. Các ứng dụng được viết với Facebook PHP SDK đều dùng cái này, nên bạn có thể lưu lại vào mail hoặc trên ổ cứng của bạn để sử dụng, khỏi phải mất công đăng nhập vào đây để lấy.

Và trước khi bạn thực hành thì hãy ghé xem demo để biết được mục đích của bài viết, và hiểu được bạn chuẩn bị làm theo hướng dẫn để được kết quả như thế nào.

Thông báo khi người dùng nhấn like Facebook

Bên dưới là toàn bộ code mà bạn có thể tham khảo để tạo một nút like như trong bài viết mình đã giới thiệu, bạn phải tải thư viện Facebook PHP SDK về nữa nhé.

<?php<br />
require_once(‘src/facebook.php’);<br />
$config[‘App_ID’]<br />
 = ‘FACEBOOK_APP_ID';<br />
$config[‘App_Secret’] = ‘FACEBOOK_APP_SECRET';<br />
$config[‘callback_url’] =<br />
‘http://wordpress.edu.vn/demo/thong-bao-facebook-like/';<br />
$facebook = new Facebook(array(<br />
    ‘appId’  => $config[‘App_ID’],<br />
    ‘secret’ => $config[‘App_Secret’],<br />
    ‘cookie’ => true<br />
));<br />
$user = $facebook->getUser();<br />
if(isset($_GET[‘logout’])) {<br />
    $facebook->destroySession();<br />
    session_destroy();<br />
    if (isset($_SERVER[‘HTTP_COOKIE’])) {<br />
        $cookies = explode(‘;’, $_SERVER[‘HTTP_COOKIE’]);<br />
        foreach($cookies as $cookie) {<br />
            $parts = explode(‘=’, $cookie);<br />
            $name = trim($parts[0]);<br />
            setcookie($name, ”, time()-1000);<br />
            setcookie($name, ”, time()-1000, ‘/’);<br />
        }<br />
    }<br />
    header(“Location: “.$config[‘callback_url’]);<br />
    exit();<br />
}<br />
elseif(isset($_GET[‘code’])) {<br />
    header(“Location: “.$config[‘callback_url’]);<br />
    exit();<br />
}<br />
if($user) {<br />
    $user_profile = $facebook->api(‘/me’);<br />
}<br />
?><br />
<!DOCTYPE html><br />
<html xmlns=”http://www.w3.org/1999/xhtml”<br />
xmlns:fb=”http://www.facebook.com/2008/fbml”><br />
<head><br />
<meta charset=”UTF-8″ /><br />
<title>Thông báo khi người dùng nhấn like Facebook</title><br />
<style type=”text/css”><br />
    .logout a {<br />
        background-color: #3B5998;<br />
        border-radius: 3px;<br />
        color: #FBFBFB;<br />
        padding: 5px 10px;<br />
        text-decoration: none;<br />
    }<br />
    .logout a:hover {<br />
        background-color: #4e69a2;<br />
    }<br />
</style<br />
</head><br />
<body><br />
<p>Nếu bạn thích bài hướng dẫn này thì hãy nhấn like để ủng<br />
hộ</p><br />
<?php if($user) : ?><br />
<p class=”logout”><br />
    Facebook ID: <?php print_r($user); ?><br />
       <br />
    <a href=”<?php echo $facebook->getLogoutUrl(array(‘next’<br />
=> $config[‘callback_url’].’?logout=1′, ‘access_token’ =><br />
$facebook->getAccessToken())); ?>”>Đăng xuất</a><br />
</p><br />
<fb:like href=”LIKED_URL” layout=”standard” action=”like”<br />
show_faces=”false” share=”true”></fb:like><br />
<?php else : ?><br />
<p><a href=”<?php echo<br />
$facebook->getLoginUrl(array(‘scope’ =><br />
‘friends_likes,email,publish_stream,status_update,offline_access’));<br />
?>”>
/></a></p><br />
<?php endif; ?><br />
<?php<br />
$fb_name = ‘bạn';<br />
if(!empty($user_profile)) {<br />
    $fb_name = $user_profile[‘name’];<br />
}<br />
?><br />
<div id=”fb-root”></div><br />
<script type=”text/javascript”><br />
<!–<br />
window.fbAsyncInit = function() {<br />
    FB.init({appId: ‘<?php echo $config[‘App_ID’]; ?>’, status:<br />
true, cookie: true, xfbml: true});<br />
    FB.Event.subscribe(‘edge.create’, function(href, widget) {<br />
        alert(‘Cảm ơn <?php echo $fb_name; ?> đã thích<br />
WordPress.edu.vn’);<br />
    });<br />
};<br />
(function() {<br />
    var e = document.createElement(‘script’);<br />
    e.type = ‘text/javascript';<br />
    e.src = document.location.protocol +<br />
‘//connect.facebook.net/en_US/all.js';<br />
    e.async = true;<br />
    document.getElementById(‘fb-root’).appendChild(e);<br />
}());<br />
//–><br />
</script><br />
<script type=”text/javascript”><br />
    if (window.location.hash && window.location.hash == ‘#_=_’) {<br />
        if (window.history && history.pushState) {<br />
            window.history.pushState(“”, document.title,<br />
window.location.pathname);<br />
        } else {<br />
            var scroll = {<br />
                top: document.body.scrollTop,<br />
                left: document.body.scrollLeft<br />
            };<br />
            window.location.hash = ”;<br />
            document.body.scrollTop = scroll.top;<br />
            document.body.scrollLeft = scroll.left;<br />
        }<br />
    }<br />
</script><br />
</body><br />
</html>

100

101

102

103

104

105

require_once(‘src/facebook.php’);

$config[‘App_ID’]=‘FACEBOOK_APP_ID’;

$config[‘App_Secret’]=‘FACEBOOK_APP_SECRET’;

$config[‘callback_url’]=‘http://wordpress.edu.vn/demo/thong-bao-facebook-like/’;

$facebook=newFacebook(array(

‘appId’ =>$config[‘App_ID’],

‘secret’=>$config[‘App_Secret’],

‘cookie’=>true

));

$user=$facebook->getUser();

if(isset($_GET[‘logout’])){

$facebook->destroySession();

session_destroy();

if(isset($_SERVER[‘HTTP_COOKIE’])){

$cookies=explode(‘;’,$_SERVER[‘HTTP_COOKIE’]);

foreach($cookiesas$cookie){

$parts=explode(‘=’,$cookie);

$name=trim($parts[0]);

setcookie($name,”,time()–1000);

setcookie($name,”,time()–1000,‘/’);

}

header(“Location: “.$config[‘callback_url’]);

exit();

}

elseif(isset($_GET[‘code’])){

header(“Location: “.$config[‘callback_url’]);

exit();

}

if($user){

$user_profile=$facebook->api(‘/me’);

}

<!DOCTYPE html>

<head>

<title>Thôngbáokhi ngườidùng nhấnlike Facebook</title>

.logouta{

background–color:#3B5998;

border–radius:3px;

color:#FBFBFB;

padding:5px10px;

text–decoration:none;

}

.logouta:hover{

background–color:#4e69a2;

}

</style

</head>

<body>

<p>Nếubạnthíchbàihướngdẫnnàythìhãynhấnlikeđểủnghộ</p>

if($user):?>

<pclass=“logout”>

Facebook ID:print_r($user);?>

<ahref=“echo$facebook->getLogoutUrl(array(‘next’=>$config[‘callback_url’].‘?logout=1′,‘access_token’=>$facebook->getAccessToken()));?>“>Đăng xuất</a>

</p>

<fb:like href=“LIKED_URL”layout=“standard”action=“like”show_faces=“false”share=“true”></fb:like>

else:?>

<p><ahref=“echo$facebook->getLoginUrl(array(‘scope’=>‘friends_likes,email,publish_stream,status_update,offline_access’));?>“><img src=“images/facebook-login-button.png”/></a></p>

endif;?>

$fb_name=‘bạn’;

if(!empty($user_profile)){

$fb_name=$user_profile[‘name’];

}

</body>

</html>

Bạn phải thay đổi một vài thông tin theo như tài khoản của bạn, cụ thể bạn nhìn những dòng config ở phía đầu và sửa lại chỗ này:

$config['App_ID'] = 'FACEBOOK_APP_ID';
$config['App_Secret'] = 'FACEBOOK_APP_SECRET';
$config['callback_url'] = 'http://wordpress.edu.vn//demo/thong-bao-facebook-like/';

Tiếp đến, nút like thì bạn tự tạo nút like Facebook theo sở thích riêng hoặc là chỉ cần sửa lại đường link trong đoạn code sau:

<fb:like href=”LIKED_URL” layout=”standard” action=”like” show_faces=”false” share=”true”></fb:like>

1	<fb:like href=“LIKED_URL”layout=“standard”action=“like”show_faces=“false”share=“true”></fb:like>

Như vậy là bạn đã làm được như hướng dẫn rồi đấy, nhưng vẫn còn một điều quan trọng nữa đó là trong thẻ bạn phải để như sau:

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”>

1	<html xmlns=“http://www.w3.org/1999/xhtml”xmlns:fb=“http://www.facebook.com/2008/fbml”>

Như vậy là bạn đã hoàn thành được bài viết tạo chức năng theo dõi khi người dùng click vào nút like Facebook, công việc của bạn tiếp theo là kiểm tra nếu người dùng đã like trang của bạn rồi thì hiển thị ra nội dung, hoặc nếu người dùng chưa like thì hiện ra nút like. Trường hợp người dùng chưa đăng nhập Facebook thì hiển thị nút đăng nhập cho họ trước. Chúc bạn thành công.

Nếu các bạn thích nội dung bài viết này thì hãy like trang WordPress.edu.vn để ủng hộ nhé, lần sau mình sẽ cập nhật bài viết tích hợp đăng nhập Facebook vào WordPress.