บทเรียนปรับ blog เชื่อมกับ social media

blog.nation.ac.th
blog.nation.ac.th

บทเรียนปรับ blog ของ http://blog.nation.ac.th (default theme)  เพื่อเชื่อมกับ social media คือ facebook.com twitter.com และ google+ ตามนโยบายของด้านการตลาดของ อ.อุดม ไพรเกษตร ซึ่ง social media ของมหาวิทยาลัยในเบื้องต้นมี 3 แหล่งคือ
1. http://www.facebook.com/NationUNews
2. https://twitter.com/nationu_news
3. http://www.youtube.com/nationuniversity

ปัจจุบัน blog ของมหาวิทยาลัย
ใช้เทคโนโลยีเดียวกับ
http://thumbsup.in.th หรือ http://www.it24hrs.com
แต่ต่างกันที่ themes

ข้อมูลทางเทคนิค
http://developers.facebook.com/docs/reference/plugins/like-box/
header.php

<script type=”text/javascript”>var switchTo5x=true;</script>
<script type=”text/javascript” src=”http://w.sharethis.com/button/buttons.js”></script>
<script type=”text/javascript”>stLight.options({publisher:’33898e33-bca3-43a6-bdf0-d0e62c8d27b7′});</script>


widget


<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=169861339715833″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div data-href=”http://www.facebook.com/NationUNews” data-width=”200″ data-show-faces=”true” data-stream=”true” data-header=”true”></div>
<br />
<br />
<script charset=”utf-8″ src=”http://widgets.twimg.com/j/2/widget.js”></script>
<script>
new TWTR.Widget({
version: 2,
type: ‘profile’,
rpp: 5,
interval: 30000,
width: 200,
height: 200,
theme: {
shell: {
background: ‘#333333’,
color: ‘#ffffff’
},
tweets: {
background: ‘#000000’,
color: ‘#ffffff’,
links: ‘#4aed05’
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: ‘all’
}
}).render().setUser(‘nationu_news’).start();
</script>
<br />
<br />
<span  class=’st_facebook_vcount’ displaytext=’Facebook’></span>
<span  class=’st_twitter_vcount’ displaytext=’Tweet’></span>
<span  class=’st_plusone_vcount’ ></span>

คำแนะนำเรื่องการค้นข้อมูลใน fb จากน้องชาย

น้องชาย
น้องชาย

8 มี.ค.54 มีน้องชายเคยถามผมว่าไปหาข้อมูลใน fb จะพบได้อย่างไร (ก็ผมเคยเก็บข้อมูลในรูปของ note ใน fb นี่ครับ) .. ตั้งแต่นั้นผมก็เริ่มสังเกตเพื่อน และทำให้ผมรู้ว่า การเขียน note ใน facebook.com ไม่มีความหมาย มีปัญหา 2 ประการ คือ ตัวเองสืบค้น note ของตัวเองยังหาได้ยาก และ google.com ไม่สามารถเข้าถึง note ของเราได้เหมือนบทความที่อยู่ในเว็บไซต์หรือบล็อก .. ถ้าจะทำอะไรที่มีความหมาย ก็ต้องเลิกให้ความสำคัญกับ fb เพราะ ผู้คนที่เข้า fb มักใช้เวลางานเพื่อผ่อนคลายมากกว่าจะใช้ fb เพื่อทำงาน .. เป็นความเชื่อว่า fb เป็นเพียงแฟชั่นคล้าย hi5 เพราะมีเครื่องมืออีกมายมายที่ไปถึงเป้าหมายได้เร็ว และตรงกว่าการใช้ fb แต่ fb เป็นทางอ้อม ซึ่งบางครั้งอ้อมซะจนไปไม่ถึงเป้าหมายก็มี .. แต่ความชอบผ่อนคลายของมนุษย์ ทำให้พยายามให้เห็นผลดี ๆ กับ fb ที่จะนำมาใช้ในการทำงาน ทำให้หลายคนคิดว่า fb คือ ทางออกทั้งเรื่องงาน และการผ่อนคลายที่มีประสิทธิภาพทั้ง 2 เรื่อง

ตอบเรื่องเพิ่มข้อมูลเข้า blog ที่ใช้ theme ของ Solostream

12 มิ.ย.53 วันศุกร์เช้า คุณค. และคุณแบงค์มีโอกาสพูดคุยกันเรื่องการพัฒนาเว็บไซต์ขององค์กรแห่งหนึ่ง โดยเหตุเริ่มต้นจาก รับคำถามจากคุณค. ทางโทรศัพท์ ว่า “เพิ่มข้อมูลเข้า yoso เป็นหรือไม่ ถ้าเขาไม่อยู่ใครจะทำ” ผมก็ถึงกับอึ้งไปเล็กน้อย ตอบไม่ค่อยจะถูกโดยเฉพาะทางโทรศัพท์ จึงเชิญคุณค. มาพูดคุยกันที่ห้องบริการคอมพิวเตอร์ เพราะ 1) ระบบของ yoso นั้น ไม่ได้พัฒนาระบบขึ้นใหม่ แต่ใช้ theme ของ solostream และใช้ blog ของ wordpress 2) คุณแบงค์ได้ทดสอบติดตั้งในเครื่องของตน และ tune up โดยใช้ theme มาหลายตัวแล้ว และที่ใช้อยู่ก็ใช้ theme มาตรฐาน 3) การเพิ่มข้อมูลนั้นไม่แตกต่างจากการ post blog ทั่วไป เพียงแต่ต้องมีความรู้เรื่อง retouch นิดหน่อย ซึ่งเคยอบรมให้ทุกหน่วยงานไปแล้ว (มีรายงานโครงการเป็นรูปเล่มครับ) ดังนั้นที่ตอบว่าอึ้งก็เพราะว่า การ post blog เป็นเรื่องที่ใคร ๆ ก็ทำได้ ไม่ต้องจบคอมพิวเตอร์ก็น่าจะทำได้ ถ้าสนใจเรื่องการส่งข้อมูล จึงต้องชวนกันมาทำความเข้าใจ
     เรื่อง theme ของ solostream ผมเขียน blog เผยแพร่ที่ http://www.thaiall.com/blog/burin/1241/ เมื่อ 6 มีนาคม 2553 และเขียนบทความเรื่องลิขสิทธ์ของ solostream ลงหนังสือพิมพ์ฅนเมืองเหนือ http://www.thaiall.com/opinion/readonly.php?view=438 ปัญหาการออกแบบ หรือการ post ข้อมูลลงเว็บไซต์ไม่ได้อยู่ที่เทคนิค แต่อยู่ที่นโยบาย เพราะเรามีปัญหาเรื่องนโยบายมาทุกยุคทุกสมัย ไม่ว่าจะออกแบบมาอย่างไรก็จะมีคนติเสมอ
     ล่าสุด อ.ช บอกว่าอยากได้อย่างนั้น อยากได้อย่างนี้ ผมต้องบอกว่า อ.ช คิด อ.ช คิด ส่วนคุณค. คิด ผมก็บอกว่า คุณค. คิด คุณค. คิด ส่วนผู้บริหารท่านหนึ่งก็คิดมาอีก แต่สรุปว่าเรามีผู้มีอำนาจตัดสินใจ คิด เป็นผู้คิดอย่างมั่นใจ ซึ่งผู้มีอำนาจตัดสินใจเขาคิดอย่างหนึ่ง .. และผมเองขอไม่คิดเรื่องการออกแบบเว็บไซต์ เพราะแค่คนที่มีอยู่ก็ตกลงกันไม่ได้อยู่แล้ว ขืนเอา theory ของผมเข้าไป คงไม่มีวันจบ แค่นี้ก็หาที่จบไม่ได้แล้ว ทุกวันนี้จบลงได้ เพราะทุกคนไม่พูด ปล่อยเลยตามเลย จนกระทั่ง อ.ช ฉุกคิดอะไรขึ้นมาก็ไม่ทราบอยากคิด และคุณค. นำสถิติมาพูด ผมเห็นแล้วก็ไปขอสถิติของปีที่ผ่านมาเปรียบเทียบ แสดงให้เห็นว่าสถิติเรื่องการรับรู้สื่อผ่านเว็บไซต์นั้นคงชื่นชมมากไม่ได้ เพราะต่ำกว่าปีที่ผ่านมา ก็เล่าใน facebook ไปเล็กน้อยแล้ว .. สรุปว่าความคิดของแต่ละคนมีเหตุผลประกอบ และผมยอมรับทุกความคิด ขออย่างเดียวหาข้อตกลงกันให้เรียบร้อย แล้วทุกอย่างก็จะเป็นไปในทางเดียวกัน แม้ถูกบ้างผิดบ้าง ก็คงต้องค่อย ๆ เรียนรู้กันไป

PHP Code เพื่อ share title จาก wordpress ไปยัง facebook และ twitter

facebook.com และ twitter.com

6 เม.ย.53 การเขียนบล็อกใน wordpress แล้วต้องการเผยแพร่ไปยัง facebook.com หรือ twitter.com เป็นเทคนิคที่สนับสนุนการทำ seo ที่สำคัญอีกวิธีหนึ่ง ผู้เป็นเจ้าของบล็อกสามารถวาง PHP Code ไว้ในเว็บเพจของตน สำหรับเว็บบล็อกของผมวางไว้ใน footer.php เพื่อให้ผู้เข้ามาสืบค้นข้อมูลสามารถส่งไปยัง facebook หรือ twitter ของเขาได้ ซึ่งผมเองก็ใช้บริการนี้ส่งไปยัง facebook ของผมครับ โดยมี code ดังนี้

<a href=”http://www.facebook.com/share.php?u=<?=urlencode(“http://www.thaiall.com” . $_SERVER[“REQUEST_URI”]);?>”> facebook </a>
<a href=”http://twitter.com/home?status=<?php urlencode(wp_title(‘«’, true, ‘right’)); ?><?=urlencode(“http://www.thaiall.com” . $_SERVER[“REQUEST_URI”]);?>”> twitter </a>

แนะนำบริการ addthis.com ส่งบันทึกไปเผยแพร่ใน snw ตามแนว seo

addthis ช่วยเพิ่ม back link มายัง blog

1 เม.ย.53 บริการของ addthis.com ช่วยให้การส่งเว็บเพจหรือบันทึกไปยังเว็บไซต์ต่าง ๆ ทำได้ง่าย ลดขั้นตอนในการคัดลอกข้อมูลไปใส่ในเว็บเพจของเราด้วย แต่ขั้นตอนของ addthis.com ก็ยังเป็นเพียงกึ่งอัตโนมัติ เพราะต้อง login เข้าสู่ระบบเครือข่ายสังคม (snw) ก่อนกดปุ่มส่งข้อมูล ตัวอย่างการใช้คือ เขียนบล็อก แล้วต้องการส่งไปเผยแพร่ใน facebook.com หรือ twitter.com เป็นต้น การเผยแพร่แบบนี้ทำให้เกิด back link ซึ่งเป็นเทคนิคสำคัญประการหนึ่งของ seo ด้วย
     ผมเคยใช้วาง code ด้วย javascript คือ document.write (“<a href=http://www.facebook.com/share.php?u=” + document.location.href + “><img src=’facebook.gif’ border=’0′></a>”); document.write (“<a href=http://www.twitter.com/thaiabc><img src=’twitter.gif’ border=’0′></a>”); แต่การใช้บริการของ  addthis.com น่าจะดูเป็นมืออาชีพกว่ามาก จึงยกเลิก javascript ออกจาก thaiall.com/web2 ซึ่งเป็น beta version ของเว็บเพจ thaiall.com รุ่นต่อไป

เพื่อนบ่นเชิงสร้างสรรค์ จึงเล่าสู่กันฟัง

2 ก.พ.53 มีประเด็นที่อาจารย์หลายท่านบ่นที่เชื่อมโยงกับบริการในเว็บไซต์ ดังนี้ 1)อีเมลของมหาวิทยาลัยหายไปแล้วเหรอ 2)เว็บบอร์ดปิด 3)ระบบห้องภาพของประชาสัมพันธ์หายไป 4)ระบบสืบค้นงานวิจัย 5)ระบบสืบค้นหนังสือในห้องสมุด และ 6)อินทราเน็ตเข้าไม่ได้ 7)ระบบฐานข้อมูลประเมินตนเอง 8)แผนที่ไซต์หายไป คุณธรณินทร์ สุรินทร์ปันยศ ผู้พัฒนาระบบต่าง ๆ แจ้งให้ผมทราบว่าอาจารย์หลายท่านเข้าไม่ได้จริง เพราะพฤติกรรมเดิมคือเปิดหน้าแรกของเว็บไซต์แล้วก็คลิ๊กตามลิงค์ที่มีอยู่
     ผมก็แปลกใจที่เพื่อน ๆ เข้ากับไม่ได้ อาจเป็นเพราะโดยปกติผมจะเข้าตรงไม่เปิดผ่านหน้าเว็บไซต์หลัก เมื่อมีเหตุการณ์อะไรจะไปเขียนเล่าใน http://blog.yonok.ac.th หรือเว็บบอร์ด หรือไม่ก็สืบค้นผ่าน google.com ก็จะพบข้อมูลของมหาวิทยาลัยโดยง่าย  ประกอบกับเว็บไซต์อยู่ระหว่างการพัฒนาที่ให้ความสำคัญกับนโยบาย Creative Campus หากอะไรไม่ตรงกับนโยบาย ก็จะลดระดับความสำคัญในการพัฒนาออกไปก่อน

     ก็ถือเป็นโอกาสที่จะพลิกวิกฤตเป็นโอกาส ที่จะส่งเสริมให้เรียนรู้และจดจำ Website Address ดังนี้
+ http://www.yonok.ac.th/mail
+ http://www.yonok.ac.th/webboard
+ http://www.yonok.ac.th/yonokroom
+ http://www.yonok.ac.th/wallpic
+ http://www.yonok.ac.th/nresearch
+ http://it.yonok.ac.th/doc/library/library.php
+ http://www.yonok.ac.th/intranet
+ http://www.yonok.ac.th/sar
+ http://www.yonok.ac.th/sitemap

ทดสอบ submit blog (2)

มีเว็บไซต์มากมายที่รับ submit
1. http://www.blogcatalog.com
– ต้องสมัครสมาชิก แล้วเลือก directory
http://blogcatalog.com/directory/education_and_training/e_learning
– มี link back เพิ่มใน footer ของ http://article-thaiall.blogspot.com/
2. http://thaiblog.info/submit.php
– ต้อง link กลับหา thaiblog.info
– ผมก็บอกเขาว่าจะ link กลับเข้า http://www.thaiall.com/blog/burin/60/
จาก http://www.divland.com/blog/2007/05/05/submit-blog-thaibloginfo/
+ http://www.blogcatalog.com/ + http://dir.blogflux.com/
+ http://www.blogarama.com/ + http://www.blogdup.com/
+ http://www.blogadr.com/http://submit.wordthai.com/
จึงจัดทำรูปเพื่อส่งเข้า submit ที่ http://www.thaiall.com/blog/wordthai.jpg