tag:blogger.com,1999:blog-50860134025132007582024-03-06T03:12:07.521+08:00Gene: The Man and His Dream黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-5086013402513200758.post-5987483906608325262014-02-11T05:21:00.003+08:002014-02-11T05:21:51.780+08:00How many percentage of "(Not Provided)" in your website? Is there any difference?We know since three years ago, Google stop giving website referral information cause of "privacy issue", there will be lost lots of information while we trying to know about users. But we still having few information about keyword in referral cause there are not all "(Not Provided)".<br />
<br />
But is this true while we trying to figure out the all truth even we have only few evidence to know about all the facts?<br />
<br />
In last articles, we know there are strongly relation with landings distribution and keywords distribution to SEO effort, if we want to earn more about traffic, we must know about what users read.<br />
<br />
So, we can only read few data to figure out all the facts, but there is a very big question: Is there any bias in all data from "provided data"? This is a very good question, but I will post my experimental and tools next time to solved this problem (How will tools tell us after "not provided" age).<br />
<br />
We know since Oct, 2011, "Not provided" become most visits keyword, and how many percentage so far and evolution? And another question is: How many keywords we lost in this situation? We must setup these dimension to watch the status:<br />
<br />
<span style="color: red;">1. Organic Search Visits</span><br />
<span style="color: red;">2. Search Percentage</span><br />
<span style="color: red;">3. Distinct Keywords Count</span><br />
<span style="color: red;">4. Distinct Landing Count</span><br />
<span style="color: red;">5. Keyword vs Landing Ratio </span><br />
<span style="color: red;">6. "Not Provided" visits</span><br />
<span style="color: red;">7. "Not Provided" Percentage</span> <br />
<br />
This is hard to see all the trends and relation, cause each website has its growth curve, but we just show the numbers today, I will draw a graph to show the evolution next time.<br />
<br />
There are four kind of charts show lots of differences:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3PiCrxPFn4dp35FBi3AoSWd1pTy4SMnY-U2Db5X3ZksXvOTmvvlIM1m5uPS78Blt6EyetSo5CJEsjco3Fb6m1Lsr1nG_mEv0FjrfqgQ1Zn_PoZ8-PNVygIkWyMuvYGjkWOYOm_8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3PiCrxPFn4dp35FBi3AoSWd1pTy4SMnY-U2Db5X3ZksXvOTmvvlIM1m5uPS78Blt6EyetSo5CJEsjco3Fb6m1Lsr1nG_mEv0FjrfqgQ1Zn_PoZ8-PNVygIkWyMuvYGjkWOYOm_8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.34.png" height="320" width="308" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm5mEI7m2gu-F4mUnvoXdPp5oEL3LUdEveh0dUidSUJr9_PpQITy2wM8ZXRsVQzH1xGsvsc56Fn0XcBVhlSiKdWLakSmtHWzSS9waFMxv2KPQhgfGwDJyk_fg7I5KfqRlkKKSC7gM/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm5mEI7m2gu-F4mUnvoXdPp5oEL3LUdEveh0dUidSUJr9_PpQITy2wM8ZXRsVQzH1xGsvsc56Fn0XcBVhlSiKdWLakSmtHWzSS9waFMxv2KPQhgfGwDJyk_fg7I5KfqRlkKKSC7gM/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.28.png" height="320" width="318" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCeCZhCwBt-2KihICAV3tDKnT6Yqiewv8_xjEnS_gZxxqhYVU3opk4mEE7NMdl6WAZpJoiFA9J1Sb-IKiHjpgnmJ0PbrPCRqWCf2PKpxmvqMHiFlnK53A55zldpkfKy40w_svAhg/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCeCZhCwBt-2KihICAV3tDKnT6Yqiewv8_xjEnS_gZxxqhYVU3opk4mEE7NMdl6WAZpJoiFA9J1Sb-IKiHjpgnmJ0PbrPCRqWCf2PKpxmvqMHiFlnK53A55zldpkfKy40w_svAhg/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.21.png" height="320" width="308" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehI8GgNa6g90sAEJDwWmlRmX9w37dWRbdt-GCgWCd7cDPQnI0jGM_BxjMgjbcUmoR03dL-v8JzsqFswhmZBMhwUBG4_GR5Uxb3qSBruVXkhERwCOWDBVOE_PsNonnZDwTrFZstoU/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehI8GgNa6g90sAEJDwWmlRmX9w37dWRbdt-GCgWCd7cDPQnI0jGM_BxjMgjbcUmoR03dL-v8JzsqFswhmZBMhwUBG4_GR5Uxb3qSBruVXkhERwCOWDBVOE_PsNonnZDwTrFZstoU/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.55.40.png" height="320" width="302" /></a></div>
<br />
We can see the percentage of "not provided" varies from 40% to 80%, and hard to see the relationship to organic search visits and percentage, but it do growth a lot indeed.<br />
<br />
But we can focus in "Keywords Landing Ratio", that is the number of rows of landing pages and landing keyword comparison, we can see the ratio decrease to 2/3 or 1/2 in these three years since "Google not provided", that is, it do loss information cause this situation. But we still have more than half rows of keywords to get information even we lost 80% rows.<br />
<br />
There is very interesting thing, why the percentage varies a lot? Is this the evidence of devices or users behavior?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6FG_eqQlbOVjm4c_XcSBFl4Q6Psx23W8Te5uBDS6qUEwdAo1C2a86b-siOaRhgqUv1oTcAWZB9r3WZ06D2-yycTFjMGIFowBjWnkoVCtsgy_B7-czihb93k9g03xGt3hbHG4eEw/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6FG_eqQlbOVjm4c_XcSBFl4Q6Psx23W8Te5uBDS6qUEwdAo1C2a86b-siOaRhgqUv1oTcAWZB9r3WZ06D2-yycTFjMGIFowBjWnkoVCtsgy_B7-czihb93k9g03xGt3hbHG4eEw/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.11.png" height="202" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeAA3EA2afu-H_vUi7yHTEOeVzBdzF3OSnqNViUZ9Yuz5Hpy-rnv39WwABL6zvd_hSifaXbJF1KA20bRXcEhQTqgah7ZA6gkA_ZSmi94DyD2NFJShEKECIL4ynw02bwjI7FGUadHc/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeAA3EA2afu-H_vUi7yHTEOeVzBdzF3OSnqNViUZ9Yuz5Hpy-rnv39WwABL6zvd_hSifaXbJF1KA20bRXcEhQTqgah7ZA6gkA_ZSmi94DyD2NFJShEKECIL4ynw02bwjI7FGUadHc/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.02.png" height="196" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvfuPkPqAI4tnSlYIrnFCH9Z-KWmpuGSkAWIN3m1Cpe6NQhPXDD-UqdI-_OPm1zVCMGyPjlI8aRe2oIQqIFSUwKJAcLR1RBPVtN3Xg0qy-kMaYKIUUaLC3_gfjGVaVaxyyW-cI_8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.58.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvfuPkPqAI4tnSlYIrnFCH9Z-KWmpuGSkAWIN3m1Cpe6NQhPXDD-UqdI-_OPm1zVCMGyPjlI8aRe2oIQqIFSUwKJAcLR1RBPVtN3Xg0qy-kMaYKIUUaLC3_gfjGVaVaxyyW-cI_8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.58.48.png" height="190" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK43OR2x1uN45oBkPTBgdfAb7rZTve_qfHCYl4ybPEYk66ebQ4UTjTuSmmgk4E6R0gSfqWBlz7fHmLAO3eWxcEBnA5RSE2RaCks4Frok0MnH-aVRsdRTek8XtViQBMERQ_RsP4_s8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK43OR2x1uN45oBkPTBgdfAb7rZTve_qfHCYl4ybPEYk66ebQ4UTjTuSmmgk4E6R0gSfqWBlz7fHmLAO3eWxcEBnA5RSE2RaCks4Frok0MnH-aVRsdRTek8XtViQBMERQ_RsP4_s8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-02-11+%E4%B8%8A%E5%8D%884.59.16.png" height="192" width="320" /></a></div>
<br />
These is keyword distribution curves mapping the charts with same order. If we can take a closer look, we can find there is a very interesting things that if the curve grow slower, the percentage of "not provided" is more than others.<br />
<br />
Can you guess what is the reason why will this happen?黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-57259820898345248612014-01-26T20:53:00.001+08:002014-01-26T21:45:24.417+08:00The distribution graph of website landing pageEvery one know there is a famous "Long Tail Theory", that is, if your website is good enough, your site traffic won't be narrow in few pages. But is it true? or how will it looks like? I start a project to "show" the guess and prove it.<br />
<br />
This project is based on "Google Analytics API" to read the raw data, and I use the "Landing Page" as X-axis, and visits as "Y-axis", the X-axis is the percentage of the rows of landing page, the Y-axis is the percent of accumulated visits percentage, so it start as (0,0) and reach the end (100,100).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT7YKr7RS_lUSJOHCWNIn9z4LgxA79EIl1TodmicsClnsnvFPDUy3COKvLdsZ8eCc84-uBN0Lmxykzqy1PlaZLoBWjWSvlnLJX9oHFfkxO-d28JLCqtOTBM8vQl467yLM6Y0HEBzw/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.33.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT7YKr7RS_lUSJOHCWNIn9z4LgxA79EIl1TodmicsClnsnvFPDUy3COKvLdsZ8eCc84-uBN0Lmxykzqy1PlaZLoBWjWSvlnLJX9oHFfkxO-d28JLCqtOTBM8vQl467yLM6Y0HEBzw/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.33.08.png" height="212" width="320" /></a></div>
<br />
I add the color and size of the line to show the difference, the latest line (latest month) is red line, the nearest line is darker, and the earliest one is lighter, so you can see the "involving" of these lines.<br />
<br />
And I try to define a index called "Distribution Score", that is the area of line above, if the visits of every page are the same, it will be like a straight line (red line) following:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVBnZnFP3CGjAdV_otqsqkKOk3K4T1zc5j4sxi7S7I2ZrC66sH3zVi5v4zzIaNQr87Xi9Q4Wjn0jh3QDhsYBHesW_NrrhYVB_V1mFhghCnCOHhfNJ7RUhZAjcmO-Z3To0brvzEJ6M/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.34.21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVBnZnFP3CGjAdV_otqsqkKOk3K4T1zc5j4sxi7S7I2ZrC66sH3zVi5v4zzIaNQr87Xi9Q4Wjn0jh3QDhsYBHesW_NrrhYVB_V1mFhghCnCOHhfNJ7RUhZAjcmO-Z3To0brvzEJ6M/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.34.21.png" height="208" width="320" /></a></div>
If your website are popular in few pages, it will show like this:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6thYXRFiqMAzWTLq6fBCe1fyiLkrigpQK_IRYtNSz75aFk-TmBM4XS9B-yQtvE6ZgaIXeGizP84rsRdwwTVrFICvnjnO3i4fvahXiFVesvcQ_YGU_uWKKFcT3WQwKW1TkFspK14/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%886.06.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6thYXRFiqMAzWTLq6fBCe1fyiLkrigpQK_IRYtNSz75aFk-TmBM4XS9B-yQtvE6ZgaIXeGizP84rsRdwwTVrFICvnjnO3i4fvahXiFVesvcQ_YGU_uWKKFcT3WQwKW1TkFspK14/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%886.06.00.png" height="186" width="320" /></a></div>
You can see the line will reach over nearly 80% visits at first 5% rows, this is far beyond 80/20 rules, that is the first 20% items, accumulation more than 80% amount.<br />
<br />
By now, this will be a good way to evaluate the effort of SEO, because if we look through the "Landing Page Distribution Score" and "Keyword Distribution Score", the percent of reach from search engine will be higher. But we can talk about this next time, the following is gallery of these chart which have done.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4cUNXKG9nDg7DyNzXFD0w1JawTKfsdN_K1YMAAT90z7lOgSDASuwUn7lDHcs1Qq_SsKthlApkWT8GU2s30KbWp_AWaOoB4ZJqBetaowM3NLwZS01CzHkeP3MUdBStk1k6VS9F-s/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT4cUNXKG9nDg7DyNzXFD0w1JawTKfsdN_K1YMAAT90z7lOgSDASuwUn7lDHcs1Qq_SsKthlApkWT8GU2s30KbWp_AWaOoB4ZJqBetaowM3NLwZS01CzHkeP3MUdBStk1k6VS9F-s/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.02.png" height="132" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9iveCTSON5d0f2-PU0XMPwEzIXsa_lIWQvz_Z5VfUJvsbnzHwLHXM9rW6NqLXluMnj_M2zeU3cyPt7Oc2Ojw-9Fvx5nXiSA4-3lg8e9tIbwZuM8tUKkK21MaAMAaNLXGfXF8bSk/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.35.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9iveCTSON5d0f2-PU0XMPwEzIXsa_lIWQvz_Z5VfUJvsbnzHwLHXM9rW6NqLXluMnj_M2zeU3cyPt7Oc2Ojw-9Fvx5nXiSA4-3lg8e9tIbwZuM8tUKkK21MaAMAaNLXGfXF8bSk/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.35.49.png" height="136" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU71QcPHC0lQHYBNIDjPVzuYnp0umV3seGKwXIxKBa7nGlk9ebv5Y1y_OI2glcJaImUzkAZ_5VkFbEkglNUfpbsH86olzP_SNisul02DsWfXyeAVvuDFCo9mPBoPCBpYRRkxtOklA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.21.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dBdxjcCuanV_OFyaLmvf8F2ScMNNPWrEuWsHS3mF17NIZ1Yb7pWPXojLcqBfGjCOEhyphenhyphen3xHQ73fhSa97zVPtXyl01j9J6GfKjlRrsXQkeuhX3wGH01O3iV8NL2p_c3G7ZpDKQ0IE/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dBdxjcCuanV_OFyaLmvf8F2ScMNNPWrEuWsHS3mF17NIZ1Yb7pWPXojLcqBfGjCOEhyphenhyphen3xHQ73fhSa97zVPtXyl01j9J6GfKjlRrsXQkeuhX3wGH01O3iV8NL2p_c3G7ZpDKQ0IE/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.43.png" height="136" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiOAkOIDBY-S20-7uZKRLNvMs3LNiFWZU9Lb_tWO-OXSbO3cohKfrxpPpzA6ksc1iD960Qam40y5m1Bt5fRc5L_kEiuxAksTHN_1IU0_dam6ryAd-INOExw0ur0J7YqyyT1VXgXoc/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.35.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiOAkOIDBY-S20-7uZKRLNvMs3LNiFWZU9Lb_tWO-OXSbO3cohKfrxpPpzA6ksc1iD960Qam40y5m1Bt5fRc5L_kEiuxAksTHN_1IU0_dam6ryAd-INOExw0ur0J7YqyyT1VXgXoc/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.35.33.png" height="126" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU71QcPHC0lQHYBNIDjPVzuYnp0umV3seGKwXIxKBa7nGlk9ebv5Y1y_OI2glcJaImUzkAZ_5VkFbEkglNUfpbsH86olzP_SNisul02DsWfXyeAVvuDFCo9mPBoPCBpYRRkxtOklA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU71QcPHC0lQHYBNIDjPVzuYnp0umV3seGKwXIxKBa7nGlk9ebv5Y1y_OI2glcJaImUzkAZ_5VkFbEkglNUfpbsH86olzP_SNisul02DsWfXyeAVvuDFCo9mPBoPCBpYRRkxtOklA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.21.png" height="131" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKQqZvl7UrVR1eXKuBBIuKqP2B_lqZGrhpMaCnXGYoqkLgN7-PhJUI5tU2yVbgIAQBZV3cMT3o2hu2aoDKnLBdsStur3HROAoOS2zFaobB-qCDqufrCraeK1OqYTmDpAyYWGFpQC8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKQqZvl7UrVR1eXKuBBIuKqP2B_lqZGrhpMaCnXGYoqkLgN7-PhJUI5tU2yVbgIAQBZV3cMT3o2hu2aoDKnLBdsStur3HROAoOS2zFaobB-qCDqufrCraeK1OqYTmDpAyYWGFpQC8/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.35.png" height="130" width="200" /></a></div>
<br />
<br />
<br />
<br />
By now, you can notice that the "distribution score" of some site is getting better, but some are getting worse, and other are keep status quo. Using these images, you can easily identify your work of SEO, if you want to try, you can login in <a href="http://seokpi.analysis.tw/">http://seokpi.analysis.tw/</a> to check it out, both of your landing chart and keyword chart. Have Fun~~
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-s8wnF4fBlNs%2FUuUEGgzzplI%2FAAAAAAAAREQ%2FoHgpPIctoWk%2Fs1600%2F%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7%2B2014-01-26%2B%25E4%25B8%258B%25E5%258D%25884.37.21.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU71QcPHC0lQHYBNIDjPVzuYnp0umV3seGKwXIxKBa7nGlk9ebv5Y1y_OI2glcJaImUzkAZ_5VkFbEkglNUfpbsH86olzP_SNisul02DsWfXyeAVvuDFCo9mPBoPCBpYRRkxtOklA/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%884.37.21.png" -->黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-22504940121811812712014-01-26T14:49:00.001+08:002014-01-26T15:14:58.665+08:00Are you jaming into Global Game Jam 2014 now?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga0YtE6BrYI_OlmhhAkyQ1jLCliYidTY5lfe1q6ZcQHvEBwRsxcr2gay3ynadlZnWaHV0A-mxunv5H8J7Kacd-OtvdFFqxa-aUexqLAH3HSleztGe2CyrqnrFP9KyZAdEZOMgtP7c/s1600/DSCF5712.JPG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga0YtE6BrYI_OlmhhAkyQ1jLCliYidTY5lfe1q6ZcQHvEBwRsxcr2gay3ynadlZnWaHV0A-mxunv5H8J7Kacd-OtvdFFqxa-aUexqLAH3HSleztGe2CyrqnrFP9KyZAdEZOMgtP7c/s1600/DSCF5712.JPG" height="150" width="200" /></a></div>
There are 4 sites in Taiwan for Global Game Jam 2014, including <a href="http://globalgamejam.org/2014/jam-sites/mitgj3-x-ggj14-microsoft-taiwan">Microsoft sponsored site</a>.<br />
<br />
This site are about 40 jammers divided into 7 teams, most of jammers are under 30, I might be the oldest one, sigh~~~<br />
<br />
But it's fun to participate this event even I have no ability to create game, all I can do is watching the group finished the game, interpreted the languages, and take photos.<br />
<br />
It's 40 mins left before upload, we (not including me) develop a flash game, cause most of crew member familiar to this framework, the game call "Rainbow Braver". The game play snap shot is above:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNW66H_KQdGKtZQed_vTX-OYQiuLyGw8GXTY1Xwd4m-KW3rm46sr0D8oGwIJYunJY6Sl306FeB0Uhg-Ixpk0G3U8IVr2aOVnCj2Lo9OwOsaYRrP9zwqlfahO-DMQHflHXLzpolQTI/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2014-01-26+%25E4%25B8%258B%25E5%258D%25882.16.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNW66H_KQdGKtZQed_vTX-OYQiuLyGw8GXTY1Xwd4m-KW3rm46sr0D8oGwIJYunJY6Sl306FeB0Uhg-Ixpk0G3U8IVr2aOVnCj2Lo9OwOsaYRrP9zwqlfahO-DMQHflHXLzpolQTI/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2014-01-26+%25E4%25B8%258B%25E5%258D%25882.16.22.png" height="320" width="229" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcoaDlCakDSUWbBYhe5LhNQy90-WscuB0n3rCPSTzTyGUB_ViZdaVtjqgFfMvw1lkc6gCtlUtNybmnzfkMEgptbASMOSif4uD_R1xM8YuYpyLl04ziNCJT7FXG7wXXzH7158J5SVo/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%882.22.46.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcoaDlCakDSUWbBYhe5LhNQy90-WscuB0n3rCPSTzTyGUB_ViZdaVtjqgFfMvw1lkc6gCtlUtNybmnzfkMEgptbASMOSif4uD_R1xM8YuYpyLl04ziNCJT7FXG7wXXzH7158J5SVo/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-26+%E4%B8%8B%E5%8D%882.22.46.png" height="186" width="200" /></a></div>
We create a facebook secret group to co-work, we post near one
hundred articles in 48 hours by 5 jammers, all of them is series discuss
like this photo, this is a prototyping test using stickers.<br />
<br />
In
fact, we discuss about more than 10 game plays, although this game play
is little far away game concept topic, but it is most easy to
developed. <br />
<br />
The game description in game jam is <a href="http://globalgamejam.org/2014/games/%E5%BD%A9%E8%99%B9%E5%8B%87%E8%80%85-rainbow-braver">http://globalgamejam.org/2014/games/%E5%BD%A9%E8%99%B9%E5%8B%87%E8%80%85-rainbow-braver</a> , you can take a look.<br />
<br />
<br />
The Game strategy and concept is above:<br />
<br />
1. There are 6 different color light of projectors, when you press the button, the cube of this color wiill vanished.<br />
2. When you press the button, you have a limited time to move all the cube.<br />
3. All you have to do is make three cubes with the same color in a line when time up, the cubes will vanished and scoring.<br />
4. The empty slot will filled next turn.<br />
5.
Each of 6 different color projectors can be using once, so you have 6 turns to
scoring. It's time to make challenge how many scores you can get.<br />
<br />
The highest score is how you can using the color to filter what you want and strategy. <br />
<br />
The game concept is using your mind to make thing what you want, that is "<span data-measureme="1"><span class="null">We don't see things as they are, we see them as we are". If we wearing colored glass, things like the same color will vanished in our sight, so that we have more chance to make things possible we want.</span></span><br />
<span data-measureme="1"><span class="null"><br /></span></span>
<span data-measureme="1"><span class="null">As time I post, the highest score is 4000, how about you?</span></span><br />
<br />黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-29180641958555796432014-01-16T01:01:00.005+08:002014-01-16T22:22:12.099+08:00Annual Analysis -- Working with Google Analytics API<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pL40pPqiM7k5n6WoDsdXPZBLdx3JvRPDIrQnxeHi75e8Hgjo9oJcp5tIUTcCqVmRBQ7qmySOWyFFLDrrK7CiCZtrh5n7Gw5THSKhsWor7MrP0GmGmGaHGW1M_-PAJ1eWAr6jcXI/s1600/fb.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pL40pPqiM7k5n6WoDsdXPZBLdx3JvRPDIrQnxeHi75e8Hgjo9oJcp5tIUTcCqVmRBQ7qmySOWyFFLDrrK7CiCZtrh5n7Gw5THSKhsWor7MrP0GmGmGaHGW1M_-PAJ1eWAr6jcXI/s320/fb.jpg" height="160" width="320" /></a></div>
It has been more than four years to blog here, that is to say, It has been nearly five years since last time I publish new system outside Taiwan. That's too bad, it can all blame on "Friend Connect" ruined me... sigh~~ But I know the I should blame on myself.<br />
<br />
In these years, I use API more than ever, including Facebook API and Google API, but most of the systems are only available in Taiwan, in fact, these suit for other users, but I didn't make them multi-language, so I didn't publish here.<br />
<br />
"Annual Analysis" is another kind of approach, cause this is a small but useful system, and it "must" be done in January. I don't think some other will use it after February. This is a system helping you review your blog history in 2013.<br />
<br />
This system started developing on 7, Jan. It takes nearly 9 days to work out. In these 9 days, we held up two small "hackahop" for three developer in co-working space (in board game cafe actually), cause most of us have daylight regular job himself.<br />
<br />
OK, that is preface, not important, let's begin with this system.<br />
<br />
Annual Analysis is a tool of Google Analysis, cause we know it is hard to get "real information we want" with basic function of Google Analytics, so I have develop a system call "網智" ( <a href="http://web.mas.ter.tw/">http://web.mas.ter.tw/</a> ) to helping people using Google Analytics.<br />
<br />
If you want to analysis a blog system what are most popular new articles in last year, at first, you must know what are "new articles", that beyond most of the people using Google Analytics, we must group up the articles before last year, the rest are last year, it sounds easy but not easy, that is what "Annual Analysis" can do for you easily.<br />
<br />
"Annual Analysis" recording most popular articles each year, so it can easy identify which are new articles for latest year, and "searching keyword" can be done by these.<br />
<br />
But most of people want to know how popular my blog articles it is in SNS, including Facebook, Twitter, Google+, Plurk and other, so when the system identify most reference from SNS, using API can fetching data and connecting with articles, but it only work with Facebook now, if you want to know more, let us know freely.<br />
<br />
All you need to do is "Entering" this website, login and authorize, wait for less than 30 seconds, you can see the the analysis report, but if you have more than one property of Google Analytics, it will take half minute each property, so please wait in patient, or you can read the report that already generated.<br />
<br />
I often forgot to tell the url in my articles, you can check it out in <a href="http://annual.analysis.tw/">http://annual.analysis.tw/</a> , have fun, and I appreciate that telling me your needs and problems. Thank you.<br />
<br />
Above is screen shot of this blog, but you can check the demo of my chinese blog <a href="http://annual.analysis.tw/anan/1956276/web">here</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxGwJeDoKmMowBOyNA7UNdLXntNtp2GeHtt32L5VS7TFyjWt9abu4YQL5VKq69gtakJJuZqa9wZmq6OTI7OEZTftFkYXzCY_Fuj8M6_vS7ranp9oz8RPpCRE8hc6qOdml9ljXL8I/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-16+%E4%B8%8A%E5%8D%881.21.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxGwJeDoKmMowBOyNA7UNdLXntNtp2GeHtt32L5VS7TFyjWt9abu4YQL5VKq69gtakJJuZqa9wZmq6OTI7OEZTftFkYXzCY_Fuj8M6_vS7ranp9oz8RPpCRE8hc6qOdml9ljXL8I/s640/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-01-16+%E4%B8%8A%E5%8D%881.21.12.png" height="640" width="507" /></a></div>
<br />黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-62734439207169550322009-09-19T03:01:00.003+08:002009-09-19T03:20:50.609+08:00Plurk Usage Geek / Plurk Users Group StartThis is a system make plurk searchable / googleable.<br /><br />It is well known that plurk is not friendly or feasible to search engine, but most of times we need to search the discussion in our own plurks, so I decide to make this site to make plurk search easier.<br /><br />There are 2 most important features in this system:<br /><br />1. Make username to separate domain name.<br />2. Create index to make read / search fast.<br /><br />I made a demo using <a href="http://genehong.pug.tw/">my plurk to demonstrate</a>. At first, this is created by user request, you can edit your profile to make link "plurk.tw/inter/(yourusername)" like <a href="http://plurk.tw/inter/genehong">mine</a>, you can see <a href="http://www.plurk.com/genehong">my profile</a> to figure out, and wait for one day, you can see your PUG make your plurk searchable.<br /><br />After that, you can using "site:(username).pug.tw" in query string to search everything you want.<br /><br />Is there any comment, please reply this following plurk.<br /><br /><script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/plurk.php?url=1z8p7p"></script>黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com2tag:blogger.com,1999:blog-5086013402513200758.post-39234550989459848552009-08-19T20:00:00.002+08:002009-08-19T20:28:00.683+08:00Yours MyMiniCity Stop Rotate Per/HourBecause the more cities monitored, the system got more loading, and there are other services in this machine, so I have to stop the hourly statics.<br /><br />But the daily update service is remain normal, I make apologize for this inconvient. Is there any suggestion or comment, please write response freely.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-62808736846894839282009-03-09T05:34:00.003+08:002009-03-10T03:30:06.373+08:00Community Gadget (New Friend Connect Custom Gadget)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRGuQ4cp5r1GAHyRMrXdtVdVPK9_BpEwxkXCmUzuw4kdKTlWCDg741x5mPcA1Lq7hn7XfDLuch-2xeJhpU3sYJn1RGrh6JclWuw3sK9kq-s1DE73Yoag0Nfu9PQTX0xH7gMnlA-y4/s1600-h/screen-capture-5.png"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 229px; height: 399px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRGuQ4cp5r1GAHyRMrXdtVdVPK9_BpEwxkXCmUzuw4kdKTlWCDg741x5mPcA1Lq7hn7XfDLuch-2xeJhpU3sYJn1RGrh6JclWuw3sK9kq-s1DE73Yoag0Nfu9PQTX0xH7gMnlA-y4/s400/screen-capture-5.png" alt="" id="BLOGGER_PHOTO_ID_5311272346300578514" border="0" /></a><br />I always say that the most powerful thing of "Google Friend Connect" is which the website can identify who you are easily and make interactive. So if the gadget can not be identify each one or build community, I think this is what a waste.<br /><br />From the post of my Chinese blog, I said that I will write a gadget that can help "<a href="http://geneoralspeaking.blogspot.com/2008/12/friend-connect-custom-gadget.html">building a community</a>", including these features:<br /><br />1. It can tell who is the most continuous days logining into this blog/website.<br />2. It can tell who is the user login into this blog/website in special numbers.<br />3. User can know the status of today, yesterday and history which he visit.<br />4. A directory or ladder which using friend connect.<br /><br />Now, the gadget is allmost done, the source is:<br /><blockquote style="color: rgb(255, 0, 0);"><span style="font-size:130%;">http://login.tw/gfc/myprofile.xml</span></blockquote>The gadget has two parts, one is for every reader logining into this community, another part is for owner/administrator. The reader part can see what he visit about this community or all communities. The administrator part can show which users have most visits and most loyalty (continuous logining in).<br /><br />The main function is working normal now, but the directory/ladder page is still under construction, but you can take a look in <a href="http://login.tw/ladder.php">http://login.tw/ladder.php</a><br /><br />Any way, you can join this friend connect to see how it work, and there is an illustration in right upper article, or you can add this gadget in your blog/website and have fun.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com3tag:blogger.com,1999:blog-5086013402513200758.post-44018703967530387072009-02-26T02:52:00.003+08:002009-02-26T03:00:10.573+08:00Plurk2 Greasemonkey ScriptIf you use Firefox and Greasemonkey, this is a easy way to use Plurk2.<br /><br />Before this script, you must open-up a page or copy paste link to plurk2 input area, but after this script, you can see the "Plurk2" link in your plurk, that you can get plug-in source code on the fly.<br /><br />I wrote this script just referring the script called "PlurkMarkThis", thanks <span class="author"><a href="http://userscripts.org/users/60603" rel="nofollow">Chris Prakoso</a></span> for his script.<br /><br />The script is in "<a href="http://userscripts.org/scripts/show/43093">http://userscripts.org/scripts/show/43093</a>", I hope this will be a helpful script in using plurk2.<br /><br />I think this is an easy script, hope there is no bug in it, but if any, please feel fleely to make comment or plurk via plurk2.<br /><br /><script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/plurk_hana.php?url=hfqbb&width=500"></script>黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-35511509546433715212009-02-26T01:29:00.002+08:002009-02-26T01:43:40.525+08:00Wordpress Plug-in for Plurk2This wordpress plug-in is not created by "official group" (If this is exist), It was created by Johnson Wang, his blog is "<a href="http://yuann.tw/">隨裕而安</a>", he wrote this plug-in for himself.<br /><br />You can take a look of his blog and introducing article in "<a href="http://yuann.tw/?p=1069">Plurk2 Plugin for Wordpress (Plurk Plug)</a>". This is a great job for all wordpress users.<br /><br />As description for basic information:<br /><blockquote><br />Name: Plurk2 Plugin for Wordpress<br />Version: 0.1 (2009/02/20)<br />Compatible: Wordpress 2.7.1 or higher<br />Download: <a href="http://yuann.tw/download/plurk2.zip">plurk2.zip</a></blockquote><br /><span id="more-1069">There is fully Illustration in his blog, so thank for Johnson Wang and his great work.<br /></span>黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-84892948756249500672009-02-20T04:49:00.004+08:002009-02-20T05:08:21.181+08:00Plurk 2 (plurk.tw) EstablishedAt first, Plurk Plug is a sub-project of login.tw, but it change to an independent project now, that is "Plurk2/Plurk.tw"..<br /><br />2 days ago, there is only one style to plug into your blog, now it has 3 style now, one is "Clean Style", another is fancy "Hana Style" (Design by Hana), and the 3rd one is AJAX called "PH2 Style".<br /><br />As last article mention that this system is made for extension your blog, especial for integrated responses, but some users in Taiwan make this plug-in as main article, even using many thread combined into one article.<br /><br />And a blog using this system to discussion and brain storming, I am amazing that the "tool" maybe made by designer for some way to use, but the users are not limited by origin design.<br /><br />I am pity that most of the usage are in Chinese, and the Javascipt can not be interpret.<br /><br />Anyway, last article was illustrated first "clean style", so these are another two styles:<br /><br />Hana Style:<br /><script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/plurk_hana.php?url=gruje&width=400"></script><br />PH2 Style:<br /><script type="text/javascript" src="http://plurk.tw/java/jquery-1.3.1.min.js"></script><script type="text/javascript" src="http://plurk.tw/java/ph2.js"></script><script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/ph2.php?url=gj8d7&width=400"></script>黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com1tag:blogger.com,1999:blog-5086013402513200758.post-37659831498343807082009-02-18T03:12:00.010+08:002009-02-23T01:38:33.117+08:00Plug Plurk to Your BlogI wrote a article in my Chinese blog, and the discussion in original blogspot system is little, but the responses in Plurk are richer. So I decide to write a "Adaptor" to plug the responses into my blog.<br /><br />It is called "Plurk 2" meaning "Plug your Plurk into your Blog", now the URL is <a href="http://login.tw/plurk">http://login.tw/plurk </a><br />(Now change to<a href="http://plurk.tw/"> http://plurk.tw/</a>)<br /><br />It is easy to use, following illustrated:<br /><br />1. Write a plurk in plurk.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNtD5acInAUz1jJH10gr9Me2rFbZfDAoOexoiWTQY1cBFX_YL45FwaHcNkyu-UpSE7l-nRLZKthAh6untTXLfnAgMvVKWQ4g938DieVH5sHTDT9XtIf1MKqW8pJXcMyuqV4_xt5tk/s1600-h/screen-capture.png"><img style="cursor: pointer; width: 400px; height: 310px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNtD5acInAUz1jJH10gr9Me2rFbZfDAoOexoiWTQY1cBFX_YL45FwaHcNkyu-UpSE7l-nRLZKthAh6untTXLfnAgMvVKWQ4g938DieVH5sHTDT9XtIf1MKqW8pJXcMyuqV4_xt5tk/s400/screen-capture.png" alt="" id="BLOGGER_PHOTO_ID_5303847905111263090" border="0" /></a><br /><br />2. go to your plurk page and get URL.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMEIqVpfq60S9Fdf5GEC3ckeZ_Iv5OMPbqQk-jeqfwMx4u4hBAHdCX_9qzdxVcVXwkF5OPhSGk1YxqfxymjwNKZsyfpG9qVXte-_S4KpaUeo-y4XBuP60YRtMZFrWq7-DMUru5nX0/s1600-h/screen-capture-1.png"><img style="cursor: pointer; width: 250px; height: 65px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMEIqVpfq60S9Fdf5GEC3ckeZ_Iv5OMPbqQk-jeqfwMx4u4hBAHdCX_9qzdxVcVXwkF5OPhSGk1YxqfxymjwNKZsyfpG9qVXte-_S4KpaUeo-y4XBuP60YRtMZFrWq7-DMUru5nX0/s400/screen-capture-1.png" alt="" id="BLOGGER_PHOTO_ID_5303848490016558098" border="0" /></a><br /><br />3. go to http://login.tw/plurk to entry the URL. (now Change to http://plurk.tw/)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraOXWO8KVEzOypwacA-0taWE3aCWEyG-qOU0AB9aeNi0J7Leq6ayr1MoM3vGLPw0fbC7b1DPIeFJyQVrePu1EauXK6DFoeREMRQnsmBcgXslG5vEjhd_evMTRLX2iRoDr7C8WB28/s1600-h/screen-capture-2.png"><img style="cursor: pointer; width: 400px; height: 69px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraOXWO8KVEzOypwacA-0taWE3aCWEyG-qOU0AB9aeNi0J7Leq6ayr1MoM3vGLPw0fbC7b1DPIeFJyQVrePu1EauXK6DFoeREMRQnsmBcgXslG5vEjhd_evMTRLX2iRoDr7C8WB28/s400/screen-capture-2.png" alt="" id="BLOGGER_PHOTO_ID_5303848062312804802" border="0" /></a><br />4. You will get Javascript code<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirI94c21Sbp1jM4O6dRhCTlpN8hdwHIwSCYyAzbSycTEPqUyybdzvG0YscAss1lMyBC5BuzopCmz1wcDPDf93pYAzG5kns8O-2_NWkNNZOffUcgS7VEtOslpo5VeXB03OlsCz0EN8/s1600-h/screen-capture-3.png"><img style="cursor: pointer; width: 400px; height: 136px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirI94c21Sbp1jM4O6dRhCTlpN8hdwHIwSCYyAzbSycTEPqUyybdzvG0YscAss1lMyBC5BuzopCmz1wcDPDf93pYAzG5kns8O-2_NWkNNZOffUcgS7VEtOslpo5VeXB03OlsCz0EN8/s400/screen-capture-3.png" alt="" id="BLOGGER_PHOTO_ID_5303848161393241362" border="0" /></a><br /><br />5. Insert this code into your code in HTML mode<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSXV7tQHiVxenLhb62Ol7AdRDyhbMB2Rtz7GgGdX0Kr1MhnwF2AGxpA1JD150gl1-oLXnUvwR8NnAu1ZrpjJf7lkRdqNLS9AVAwnGKF7oX7k4hHettQI3k7bu3zjtvfbiMFFhUBY/s1600-h/screen-capture-4.png"><img style="cursor: pointer; width: 400px; height: 71px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSXV7tQHiVxenLhb62Ol7AdRDyhbMB2Rtz7GgGdX0Kr1MhnwF2AGxpA1JD150gl1-oLXnUvwR8NnAu1ZrpjJf7lkRdqNLS9AVAwnGKF7oX7k4hHettQI3k7bu3zjtvfbiMFFhUBY/s400/screen-capture-4.png" alt="" id="BLOGGER_PHOTO_ID_5303849714111976434" border="0" /></a><br /><br />Sorry, I make screen snap shot in Chinese user interface, but I think it will be ok.<br /><br />Ok, you can see the actual practice as following, and please follow in English~~<br /><br />------- Following is From Plurk -------<br /><br /><script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/plurk_test.php?url=gj8d7"></script>黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-45803706430546888302008-12-24T06:28:00.011+08:002008-12-25T17:27:44.996+08:00A banner type "Recent Reader" and Call for Co-workAt first I am trying to use gadget of Friend Connect, I notice that it was all vertical spread, but sometimes we need a banner type (horizontal spread) gadget, in fact, the first three gadgets is a prototype, if I want to use, I must make customized.<br /><br />Now I notice that the "recent readers" is most popular gadget as I thought, I have written a banner type recent reader gadget when published, but I don't want to confuse the users, so I didn't publish it.<br /><br />The URL (URI) of this gadget is "http://login.tw/gfc/recent_banner.xml", it is horizontal spread, so you can use the foot of your website or blog, there is a demonstration in my web, you can check in "<a href="http://look.urs.tw/">BlogLook</a>", or "<a href="http://good.urs.tw/">bloG gOOd reaD</a>", it look like as below illustrated.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi77ux1SWvOXFx7r9Bag2_zoZcu1BET3w5xOTn6hPBWkfjCkpd6YpaGm8n58cnW2gxxzN-OUynpfV_HVijIvesnbUtaeEfxIztGhFrbLjK_Ik48RHdmLRZ6YxADKfzUftS-3_nsKJY/s1600-h/screen-capture-1.png"><img style="cursor: pointer; width: 400px; height: 95px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi77ux1SWvOXFx7r9Bag2_zoZcu1BET3w5xOTn6hPBWkfjCkpd6YpaGm8n58cnW2gxxzN-OUynpfV_HVijIvesnbUtaeEfxIztGhFrbLjK_Ik48RHdmLRZ6YxADKfzUftS-3_nsKJY/s400/screen-capture-1.png" alt="" id="BLOGGER_PHOTO_ID_5283120737960061474" border="0" /></a><br /><br />At this time, I want to call for "Help" or "Cooperation", Is there anyone want to write such these gadgets for Open Social or Friend Connect, please contact with me, in fact, I am not a good programmer, My specialist is something other in Algorithm or other, I will very thank if you can join this project, you can use gtalk in sidebar, or give me a note.<br /><br />I am long for your volunteer.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-48414597983195082542008-12-16T06:00:00.003+08:002008-12-16T06:26:12.940+08:00Plans for Login Card (A Friend Connect Gadgets Project)There are a lots of plan to write gadgets for Friend Connect, in fact, I have written dozens of gadgets for blogger in Chinese, it called "Blog Look".<br /><br />The plans for new gadgets is focus on Friend Connect, it has some goals:<br /><br />1. OpenSocial: It must be using OpenSocial API.<br />2. Useful: It must be useful gadget.<br />3. Fun: It can add some fun stuff, or game concept.<br />4. Statics: It record the usage of user, and analytics the behavior.<br />5. History: User can see the history of the gadget.<br /><br />Now, we (me and friends) plans 2 system for the gadgets:<br /><br />1. Auto Recording History: it will record the member usage in this web/blog.<br /> => You can see who is the #100, #300, #1000 user reading this site today or history.<br /> => You can see who is the most loyalty reader coming here last for how many days...<br /> => and so on...<br /><br />2. Message System: Like old time BBS, there are a note for next user.<br /> => You can message to next user<br /> => Member can message to particular user or Owner<br /> => Owner can mail mailling list to all users<br /> => and so on...<br /><br />In fact, there are many ideal can be work out, but I know I still have hundreds gadgets to write in to do list...<br /><br />Last night, I write a article in Chinese to tell experience of this project so far and more detail about this project, you can use translate program to read "<a href="http://geneoralspeaking.blogspot.com/2008/12/friend-connect-custom-gadget.html">Friend Connect Custom Gadget 經驗?</a>", or wait for me to write more articles here in my bad English.<br /><br />At last, I thank for <a href="http://www.adobe-masters.com/friends/google-friends-connect-review-at-adobe-masterscom-wordpress/">Adobe Master</a> mention me in article.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-85720659771609668552008-12-15T05:34:00.002+08:002008-12-15T05:40:19.723+08:00Google Friend Connect Custom Gadget work on IE now....In fact, there are some changes since yesterday.<br /><br />1. Before today, IE will halt by Custom Gadget.<br />2. Each site need to login again independly.<br /><br />I think the last post "<a href="http://gene-hong.blogspot.com/2008/12/how-to-use-custom-gadget-for-friend.html">How to use Custom Gadget for Friend Connect"</a> can be expired now.<br />Thank the Google Friend Connect Teams working hard, and We know there are some bug report that even the offical gadgets failed in IE today, I think it must be side effect while GFC debugging.<br /><br />Anyway, you can take 3 gadgets freely now, see "<a href="http://gene-hong.blogspot.com/2008/12/custom-gadget-for-google-friend-connect.html">Custom Gadgets for Google Friend Connect</a>", if there are any bug, please free to tell me in wall gadget or gtalk session.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com3tag:blogger.com,1999:blog-5086013402513200758.post-32363939759778127242008-12-15T04:14:00.002+08:002008-12-15T04:29:00.670+08:00Login Card: Your Login tw Internet World (A Real Opensocial Gadget)This project was started from last Thursday, and I took 4 days to determine the name of the project, It called "Login Card: Your Login tw Internet World", using the "login.tw" domain.<br /><br />In spite of "Login.tw" is a project call "勇者登入卡: 你的網路第一人生", means "Brave Login Card: Your First Network Life", because this is a real life game using user's network usage profile, but the project was halt cause all of co-worker are busy including me.<br /><br />It was a project for Yahoo Open Hack Day at first, but it wasn't won because it was not done in that day, but we hope this project can be go further.<br /><br />After Google announce the "Friend Connect", I feel it will be a new start of "login.tw", so I took 3 days to thinking "How to write a real Friend Connect/OpenSocial Gadget"...<br /><br />And you can check about last 2 post about what are these gadgets for, and I thank <a href="http://epeus.blogspot.com/">"Epeus"</a> that he is using our gadget already even we are not ready, but after the link problem solved and avoid error for Internet Explorer, I think the first 3 gadget can be announce launch, and we must start to work on official site and what we really want to do. These 3 gadgets are just a test, not a real work even it will work now.<br /><br />I wonder is there any one can write an illustration "how to using these gadgets" for me?黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-18683299626034573122008-12-13T13:24:00.010+08:002008-12-13T14:50:54.497+08:00How to use Custom Gadget for Friend ConnectI think there are lots of people meet this problem, that the custom gadget for friend connect can cause error in IE 6 and IE 7, in spite the Microsoft provide 2 solutions, but these all need user to do something, ..<br /><blockquote>1. Adjust Security Level<br />2. Upgrade to IE8</blockquote><br />I take a look, it need to be fix a lots in friendconnect.js or SocialNorms.js, so it can't be done in each custom gadget, so I use a method to judge which browser user using, if user use IE 6, IE 7, so disable this gadget.<br /><br />As we know, we goes to <a href="http://www.google.com/friendconnect/home/intro">"Friend Connect"</a> to add site and gadget, and when we add a custom gadget, we input the url of the module, like "http://login.tw/gfc/recent.xml", we will get a generated code as follow:<br /><pre><blockquote><!-- Include the Google Friend Connect javascript library. --><br /><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script><br /><br /><!-- Define the div tag where the gadget will be inserted. --><br /><div id="<span style="color: rgb(51, 102, 255);">div-1229147868491</span>" style="width:<span style="color: rgb(51, 204, 0);">200</span>px;border:1px solid #cccccc;"></div><br /><!-- Render the gadget into a div. --><br /><script type="text/javascript"><br /><span style="color: rgb(255, 0, 0);">var browser=navigator.appName;</span><br /><span style="color: rgb(255, 0, 0);">var b_version=navigator.appVersion;</span><br /><span style="color: rgb(255, 0, 0);">var version=parseFloat(b_version);</span><br /><span style="color: rgb(255, 0, 0);">if (browser != "Microsoft Internet Explorer" || version > 7) {</span><br />var skin = {};<br />skin['BORDER_COLOR'] = '#cccccc';<br />skin['ENDCAP_BG_COLOR'] = '#e0ecff';<br />skin['ENDCAP_TEXT_COLOR'] = '#333333';<br />skin['ENDCAP_LINK_COLOR'] = '#0000cc';<br />skin['ALTERNATE_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_LINK_COLOR'] = '#0000cc';<br />skin['CONTENT_TEXT_COLOR'] = '#333333';<br />skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';<br />skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';<br />skin['CONTENT_HEADLINE_COLOR'] = '#333333';<br />google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);<br />google.friendconnect.container.renderOpenSocialGadget(<br />{ id: '<span style="color: rgb(51, 51, 255);">div-1229147868491</span>',<br />url:'<span style="color: rgb(51, 204, 0);">http://login.tw/gfc/recent.xml</span>',<br />site: '<span style="color: rgb(51, 51, 255);">00249003971097702571</span>'},<br />skin);<br /><span style="color: rgb(255, 0, 0);">}</span><br /></script></blockquote><br /></pre>The <span style="color: rgb(51, 204, 0);">green code</span> mean the option you input, the <span style="color: rgb(51, 51, 255);">blue code</span> is the system provide differ by each site and gadget, the <span style="color: rgb(255, 0, 0);">red code</span> is what we need to insert manually, ...<br /><br />So you can use your google module or any custom gadget with your site/blog.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-60849898051932674402008-12-11T23:58:00.009+08:002008-12-13T13:11:25.479+08:00Sorry for Custom Google Friend Connect GadgetOne of my friends tell me that there is a problem while using IE to read the gadgets, cause I am using Mac to develop, so I didn't notice that.<br /><br />"<a href="http://motudo-zht.blogspot.com/2008/12/opensocial-custom-gadget.html"><span id="gtbmisp_0" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >OpenSocial</span> 客製小工具 Custom Gadget</a>" said that it is a common problem for all custom gadget for google friend connect, and this is an known issue, so please don't use these custom gadgets or you really deny users using IE (like me).<br /><br />I will try to fix this problem but I don't know how to fix it, but you can using fixing "Security Restricted Sites" like "<a href="http://motls.blogspot.com/2008/08/fix-internet-explorer-7-with-sitemeter.html">Fix: IE7 with <span id="gtbmisp_1" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >Sitemeter</span>: Operation aborted</a>", but this is not a really good ideal.<br /><br /><div style="text-align: left;"><span id="gtbmisp_2" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:green;" >There</span> are two ways to escape this problem, one is denying all visitor using IE, like:<br /></div><blockquote>var b =navigator.<span id="gtbmisp_3" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >appName</span>;<br />if (b == "Microsoft Internet Explorer") exit;</blockquote>but it is still not a good way, another one is try to fix the problem, cause it is caused by "<a href="http://support.microsoft.com/kb/927917"><span id="gtbmisp_4" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >innerHTML</span> or <span id="gtbmisp_5" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >appendChild</span></a>", not by XSS as I guess, ...<br /><br />Thanks for <a href="http://keusta.net/blog/">Mr Stack(?) from <span id="gtbmisp_6" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:red;" >keusta</span>.net</a> <span id="gtbmisp_7" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:green;" >encourage</span> me a lot, and hope I can write "How-To", I think this is a good ideal, but as a matter of fact, I am not a good author to writing instruction, but I will try my best.<br /><br />I hope I can deal this problem tonight, otherwise, it will fixed in next week, cause my schedule is full by my family.<br /><br />Oh, there is another issue about link, all of the link is not <span gtbtooltiptext="按一下以取得建議" id="gtbmisp_8" style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; position: static; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; text-indent: 0pt; text-transform: none; text-decoration: underline; cursor: pointer;font-family:serif;font-size:100%;color:green;" >available</span>, cause the Google Friend Connect does not provide this data, I think it will be available later or I will try to find other data to replace.<br /><br />PS. After 3 hours, I add a escape condition while user use IE 6 or IE 7, you can add<br /><blockquote>var browser=navigator.appName;<br />var b_version=navigator.appVersion;<br />var version=parseFloat(b_version);<br />if (browser != "Microsoft Internet Explorer" || version > 7) {</blockquote>before "var skin = {};" and place a "}" after "skin);", and it will preven IE 6 or IE 7 user goes to die...黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0tag:blogger.com,1999:blog-5086013402513200758.post-35580105499597079032008-12-11T04:39:00.007+08:002008-12-11T05:19:36.787+08:00Custom Gadgets for Google Friend ConnectI think there must be lots of people find Google Friend Connect is very fun, I do~~~<br /><br />Because my bad personality, I try to write some statics gadgets base on Google Friend Connect, especial for it's "Community Base", that is, you can statics by members, not for all.<br /><br />This is my first time to write such gadget, so I learn from the Demo "Lame Game".<br /><br />I wrote 3 gadgets tonight:<br /><br /><span style="color: rgb(255, 0, 0);">1. <span style="color: rgb(51, 102, 255);">Time Elapse:</span></span><br /><span style="color: rgb(255, 0, 0);"> http://login.tw/gfc/time.xml</span><br /><br /><span style="color: rgb(255, 0, 0);">2. <span style="color: rgb(51, 51, 255);">Recently Reader:</span></span><br /><span style="color: rgb(255, 0, 0);"> http://login.tw/gfc/recent.xml</span><br /><br /><span style="color: rgb(255, 0, 0);">3. <span style="color: rgb(51, 51, 255);">Hits Ladder:</span></span><br /><span style="color: rgb(255, 0, 0);"> http://login.tw/gfc/hits.xml</span><br /><br />All you need to do is go to your Google Friend Page, you can see "Social Gadget" in your each sites/blogs, there will be a "Custom Gadget", while you click in, you can see there is a textarea for "Gadget URL", if you want to know the Hits Ladder of your member, just input "http://login.tw/gfc/hits.xml".<br /><br />you can see the illustration above, but I use "Time Elapse", so it is "time.xml"<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwAaDrfAoM-g8B6bQ2rI-homVlbbyeVHqS1joDDzRs-se8X4izl-LsZSIg-_igi8IT_vvQ2qDFpSNLsgzSCMfrVSrpqofnk-5VoZQOwiMXrF0O5G3oG9SpCjdKBV-5jSGopUSq89A/s1600-h/screen-capture.png"><img style="cursor: pointer; width: 400px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwAaDrfAoM-g8B6bQ2rI-homVlbbyeVHqS1joDDzRs-se8X4izl-LsZSIg-_igi8IT_vvQ2qDFpSNLsgzSCMfrVSrpqofnk-5VoZQOwiMXrF0O5G3oG9SpCjdKBV-5jSGopUSq89A/s400/screen-capture.png" alt="" id="BLOGGER_PHOTO_ID_5278267535153927138" border="0" /></a><br /><br />I want to write some fun gadgets, and those are under development, but I think these 3 gadgets will work fine and you can have fun with them.<br /><br />(You can see Illustrate on my blog: http://gene-hong.blogspot.com/, I put all of them in sidebar)黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com11tag:blogger.com,1999:blog-5086013402513200758.post-66745771059569038242008-06-18T14:33:00.002+08:002008-06-18T14:38:40.416+08:00Database UpgradeI think there must be some users notice that since 06/16 that there is sometime out of service, cause I upgraded the database.<br /><br />There was a lot of trouble during upgrading, but I fix most of situation last night, so the system will operate normally from then.<br /><br />I know there are many function can be upgrade, but I don't know how much time that I can do, so if there is anyone interesting this system, and you can help me make this better, you can tell me freely, I need all kinds of help beside coding~~~<br /><br />Anyway, I make my apologize the system down without announce in advanced, cause the system is almost overload, and I make most of effort to fix the problem, thank you all folks.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com1tag:blogger.com,1999:blog-5086013402513200758.post-44426327037633623652008-02-21T17:19:00.003+08:002008-02-21T17:40:57.991+08:00Yours MyMiniCity -- How to read City detail (I)I know I am a numeric maniac, I keep track many statics fro MyMiniCity, Let see the detail of a city.<br /><br />First of all, you can see the red words:<br /><a href="http://mmc.urs.tw/redir/list.php?type=add&mmc=bloglook"><img src="http://mmc.urs.tw/graph/mmc2.bmp" border="0" /> <span style="color:red;">Add This City To My Lis<span style="text-decoration: underline;">t</span></span><span style="color:red;"></span></a>The red icon provide you set this city to your list, so that you can see the list of your watch in <span><a href="http://mmc.urs.tw/mylist.php"><span style="font-size:+1;color:red;">MyList</span></a>, so if you want to keep track of this city, just press it!<br /><br />and following line is<br /></span>This city is in <a href="http://mmc.urs.tw/index.php?region=taiwan">Taiwan</a>, the data is 8 minuite(s) ago<br />It is easy to see which country/region the city locate. The system fetch the latest data for interval, the interval according to the size of your city and latest increasing of the city, it might be in 5 to 50 mins.<br /><br />Next is a huge table:<br /><table border="1"><tbody><tr><td colspan="2"><a href="http://mmc.urs.tw/c/bloglook">BlogLook</a> <a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=pop"><img src="http://mmc.urs.tw/graph/pop.gif" border="0" /></a> <a href="http://bloglook.myminicity.com/xml"><span style="font-size:85%;">XML</span></a> <a href="http://bloglook.myminicity.com/rss"><span style="font-size:85%;">RSS</span></a> </td><th>Ranking</th><td colspan="">Now: 2</td><td>Today: 2</td><td>Yesterday: 3</td></tr><tr><th>Items</th><th>This Hour</th><th>Last Hour</th><th>Today</th><th>Yesterday</th><th>Total</th></tr><tr><th>Population</th><td>54</td><td>252</td><td>1270</td><td>1949</td><td>48511</td></tr><tr><th>Incomes</th><td>8100</td><td>37800</td><td>307800</td><td>461150</td><td>12603950</td></tr><tr><th>Construct</th><td>0</td><td>0</td><td>588</td><td>2519</td><td>52058</td></tr><tr><th>Commerce</th><td>0</td><td>--</td><td>2</td><td>2</td><td>3847</td></tr><tr><th>Enviorment</th><td>0</td><td>--</td><td>1</td><td>6</td><td>10780</td></tr><tr><th>Industry</th><td>0</td><td>--</td><td>466</td><td>672</td><td>15154</td></tr><tr><th>Security</th><td>0</td><td>--</td><td>1</td><td>1289</td><td>12562</td></tr><tr><th>Traffic</th><td>0</td><td>--</td><td>118</td><td>550</td><td>9715</td></tr><tr><th colspan="2">Unemployment Now</th><td colspan="2">0</td><td style="color: rgb(255, 0, 0);" title="Population to Go">848 <span title="Max Pops" style="font-size:78%;">(49359)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=ind"><img src="http://mmc.urs.tw/graph/ind.gif" border="0" /></a><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=com"><img src="http://mmc.urs.tw/graph/com.gif" border="0" /></a></td></tr><tr><th colspan="2">Transport Now</th><td colspan="2">100</td><td style="color: rgb(255, 0, 0);" title="Population to Go">164 <span title="Max Pops" style="font-size:78%;">(48675)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=tra"><img src="http://mmc.urs.tw/graph/tra.gif" border="0" /></a></td></tr><tr><th colspan="2">Criminality Now</th><td colspan="2">0</td><td style="color: rgb(255, 0, 0);" title="Population to Go">2037 <span title="Max Pops" style="font-size:78%;">(50548)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=sec"><img src="http://mmc.urs.tw/graph/sec.gif" border="0" /></a></td></tr><tr><th colspan="2">Pollution Now</th><td colspan="2">0</td><td style="color: rgb(0, 153, 0);" title="Industry to Go">600</td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=env"><img src="http://mmc.urs.tw/graph/env.gif" border="0" /></a></td></tr></tbody></table>I think most of data is easy to understand, but I must explain four numbers I mark as red and green. The red number mean if you don't increase your improvement, how many people you can capacity or how many people you can increase. In this example, the city can increase more 848 peoples to keep unemployment zero, and transport can support upto 48675 peoples. The green number is how many industries you can improve, but this is just an approximate number, cause it will depend on your population and commerce later.<br /><br />The next line is:<br /><a href="http://mmc.urs.tw/redir/list.php?type=primary&mmc=bloglook"><img src="http://mmc.urs.tw/graph/mmc.bmp" border="0" /><span style="color:red;">Set My Primary</span></a><br />It will be use for exchange link, cause the city will count your hits for your primary city, so if you hits other city more, your primary city will get the higher rank of the exchange link.<br /><br /><a href="http://mmc.urs.tw/relation.php?mmc=bloglook">See Neighbor City</a><br />The data from neighbor city depend from all the user watch list, this is a relational analysis algorithm, but if your friend use the system more, the data will be more correct.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com1tag:blogger.com,1999:blog-5086013402513200758.post-59079106754075605962008-02-16T02:03:00.004+08:002008-02-16T02:21:18.657+08:00Yours MyMiniCity -- Dynamic SignatureI found there are many user in http://createmycity.xooit.com/, and this is a forum for MyMiniCity, but it can only use images for signature.<br /><br />So I create three type of dynamic signature for myminicity.<br /><br />1. Line Graphic:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://mmc.urs.tw/images/days.php?mmc=genehong"><img style="cursor: pointer; width: 307px; height: 102px;" src="http://mmc.urs.tw/images/days.php?mmc=genehong" alt="" border="0" /></a><br />The line graphic drawing everyday progress, population and construction, the blue line is population, the yellow line is construction.<br /><br />The construction means total of 5 improvement, Commerce, Environment, Industry, Security and Traffic, cause if we use 5 lines to draw, I think there will be too noisy.<br /><br />The usage is like http://mmc.urs.tw/images/days.php?mmc=yourcityurl<br /><br />2. Recent Detail:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://mmc.urs.tw/images/table.php?mmc=genehong"><img style="cursor: pointer; width: 400px;" src="http://mmc.urs.tw/images/table.php?mmc=genehong" alt="" border="0" /></a><br />It's a table present this hour, last hour, today and yesterday population added, and improvement added, and last column is status now.<br /><br />The graphic cached for 5 minutes, and expire 5 minutes, so it may be 10 minutes ago data.<br /><br />The usage is like http://mmc.urs.tw/images/table.php?mmc=yourcityurl<br /><br />3. Week Progress Table:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://mmc.urs.tw/images/week.php?mmc=genehong"><img style="cursor: pointer; width: 520px; height: 89px;" src="http://mmc.urs.tw/images/week.php?mmc=genehong" alt="" border="0" /></a><br />It show only population and rank for recent 7 days and now. The title show the status of Unemployment, Transportation, Criminality and Pollution, if the number is 0 or 100, the color of number is blue, otherwise is red, and the Trans use "-0" for 100.<br /><br />The usage is like http://mmc.urs.tw/images/week.php?mmc=yourcityurl<br /><br />I hope these images can be useful for you, I will make some images for vertical in sidebar, not only in signature.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com1tag:blogger.com,1999:blog-5086013402513200758.post-20127020025352179382008-01-26T23:57:00.000+08:002008-01-27T01:25:48.043+08:00Yours MyMiniCity -- IntroductionI think there are many articles talking about MyMiniCity, even there is a forum in <a href="http://createmycity.xooit.com/">http://createmycity.xooit.com/</a>, and there is a <a href="http://createmycity.xooit.com/t114-MyMinicity-Noobs-FAQ.htm">FAQ</a>.<br /><br />"<a href="http://mmc.urs.tw/">Yours MyMiniCity</a>" is a system assist you to play myminicity, especially in progress history, and provide the widget you can put in your Blog, but most important of all, there is a check list to make sure you can click all the cities of your friends.<br /><br />1. MyList -- You can make your own list to know the city status of your friends..<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJ5innmJZfu2TMHAwVzC_e9a2OhR0bF5g76Z7FqpW0eaq5RBIiZhFF7qZvwUNwe067Vo_PFJQu1WV5A6Gqg_Yg3_E_DB5HLofbIkbF39pcZyN7g2XhKMSxEk1KxqFfUluZOWTOtI/s1600-h/mylist.bmp"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJ5innmJZfu2TMHAwVzC_e9a2OhR0bF5g76Z7FqpW0eaq5RBIiZhFF7qZvwUNwe067Vo_PFJQu1WV5A6Gqg_Yg3_E_DB5HLofbIkbF39pcZyN7g2XhKMSxEk1KxqFfUluZOWTOtI/s400/mylist.bmp" alt="" id="BLOGGER_PHOTO_ID_5159823415958083346" border="0" /></a><br /><br />2. Detail of your city -- you can check recently status and long-term history of your city, and provide you detail to make your city grow.. Like Below:<br /><br /><table border="1"><tbody><tr><td colspan="2"><a href="http://bloglook.myminicity.com/">BlogLook</a> <a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=pop"><img src="http://mmc.urs.tw/graph/pop.gif" border="0" /></a> <a href="http://bloglook.myminicity.com/xml"><span style="font-size:85%;">XML</span></a> <a href="http://bloglook.myminicity.com/rss"><span style="font-size:85%;">RSS</span></a> </td><th>Ranking</th><td colspan="">Now: 7</td><td>Today: 8</td><td>Yesterday: 9</td></tr><tr><th>Items</th><th>This Hour</th><th>Last Hour</th><th>Today</th><th>Yesterday</th><th>Total</th></tr><tr><th>Population</th><td>70</td><td>142</td><td>891</td><td>1414</td><td>6084</td></tr><tr><th>Incomes</th><td>10500</td><td>21300</td><td>304000</td><td>284200</td><td>1652550</td></tr><tr><th>Construct</th><td>0</td><td>0</td><td>767</td><td>693</td><td>7261</td></tr><tr><th>Commerce</th><td>0</td><td>--</td><td>329</td><td>9</td><td>718</td></tr><tr><th>Enviorment</th><td>0</td><td>--</td><td>0</td><td>161</td><td>1950</td></tr><tr><th>Industry</th><td>0</td><td>--</td><td>155</td><td>274</td><td>1811</td></tr><tr><th>Security</th><td>0</td><td>--</td><td>283</td><td>249</td><td>1475</td></tr><tr><th>Traffic</th><td>0</td><td>--</td><td>0</td><td>0</td><td>1307</td></tr><tr><th colspan="2">Unemployment Now</th><td colspan="2">0</td><td title="Population to Go">117 <span title="Max Pops" style="font-size:78%;">(6201)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=ind"><img src="http://mmc.urs.tw/graph/ind.gif" border="0" /></a><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=com"><img src="http://mmc.urs.tw/graph/com.gif" border="0" /></a></td></tr><tr><th colspan="2">Transport Now</th><td colspan="2">100</td><td title="Population to Go">551 <span title="Max Pops" style="font-size:78%;">(6635)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=tra"><img src="http://mmc.urs.tw/graph/tra.gif" border="0" /></a></td></tr><tr><th colspan="2">Criminality Now</th><td colspan="2">0</td><td title="Population to Go">116 <span title="Max Pops" style="font-size:78%;">(6200)</span></td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=sec"><img src="http://mmc.urs.tw/graph/sec.gif" border="0" /></a></td></tr><tr><th colspan="2">Pollution Now</th><td colspan="2">0</td><td>N/A</td><td><a href="http://mmc.urs.tw/redir/click.php?mmc=bloglook&type=env"><img src="http://mmc.urs.tw/graph/env.gif" border="0" /></a></td></tr></tbody></table><br />3. Google Tool Bar Gadget -- You don't need to go to this site to check your status by using google toolbar plug-in.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpyLX4bnT5Tswl7bHIr1YnQ654YvXyn1DgCwHS9vdZ7uNbPBV0IDep04tDgVa7_EO8cDkMdkyyGBI60FcqIYNipys-f1BKirBziq6w3TbUN1jMSqQdhhAH3ekpoJXLEVpCezG7Un4/s1600-h/google.bmp"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpyLX4bnT5Tswl7bHIr1YnQ654YvXyn1DgCwHS9vdZ7uNbPBV0IDep04tDgVa7_EO8cDkMdkyyGBI60FcqIYNipys-f1BKirBziq6w3TbUN1jMSqQdhhAH3ekpoJXLEVpCezG7Un4/s400/google.bmp" alt="" id="BLOGGER_PHOTO_ID_5159824335081084706" border="0" /></a><br /><br />4. Status and History Widget -- You can put the widget in your blog, to keep track of your blog, Like Below:<br /><script charset="UTF-8" src="http://mmc.urs.tw/java/detail.php?mmc=genehong" type="text/javascript"></script><br /><br />5. Click Remind Widget -- You can put the widget in your blog to remind you and recommend your friends to click the city listed. Like Below:<br /><script charset="UTF-8" src="http://mmc.urs.tw/java/mylist.php?user=gene&rows=8" type="text/javascript"></script><br /><br />6. Automatic Anchor -- Providing the static link to make every click available, the click will automatic make decision which construction your city need.<br />Like <a href="http://mmc.urs.tw/c/genehong">http://mmc.urs.tw/c/genehong</a><br /><br />I am not the one to write good introduction and how-to, so make your try and have fun.黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com4tag:blogger.com,1999:blog-5086013402513200758.post-83904787448213476872007-05-10T02:45:00.000+08:002007-05-11T01:19:52.877+08:00The Name of this BlogI think that some peoples know this is origin from a film called <a href="http://www.imdb.com/title/tt0096316/">"Tucker: The Man and His Dream"</a>, directed by Francis Ford Coppola and leading actor is Jeff Bridge. But I know I am not like Preston Thomas Tucker, I am just an ordinary people.<br /><br />But my nickname is "Black Eating Dreams Tapir", because of that in ancient Chinese fairy tale, the tapir is an animal which eating dream for living. Maybe it is only existing in dreams, like most of my proposal, only happened in my dreams.<br /><br />I am the one who can make over 20 dreams in a week, that is to say there is over 3 dreams in one night while I am sleeping, and I would admit that I may be living in dreams, and the dreams is living in my life all the time.<br /><br />In spite of that, dreams should not only existing in sleeping, maybe there should be one day can carry out, and this blog is what it that for, and I do believe that and hope for.<br /><br />I registered this blogspot in February 2003, and I open up 7 blogs so far, this is the 8th blog here, but only other 2 blogs is still ongoing (or not written by robots), and only one is my real personal blog, that is <a href="http://geneoralspeaking.blogspot.com/">"Gene-Oral-Speaking"</a>, it was written in Chinese. But that blog is not my main personal blog, another one is called <a href="http://blog.yam.com/genehong">"Not only Subway Diary"</a>, even this is not my first blog.<br /><br />Which one is my first blog doesn't matter now, cause I hope this blog can be my first "existence" blog in English, and I can use this blog to "Make Man", "Make Dream".黑貘/Black Tapirhttp://www.blogger.com/profile/18277037743100778974noreply@blogger.com0