這兩年我們嘗試了一些Web App，不過沒有特别的流量也沒有太關注廣告的問題，近期用Drupal+AngularJS+Ionic開發的WebApp中讓同事放置了AdSense廣告，與普通html的Web頁面放置廣告略有不同，麻煩一點。

　　辦法是修改webapp目錄下的index.html，加入adsense廣告代碼到頂部占100px高度，再修改需要修改的js頁面，頂部留出100px高度，這樣adsense廣告就始終顯示在頂部，不會被遮蓋。

　　例子請看：新華字典Web App，查号吧Web App等。

　　不過我在網上搜了

　　要做到對搜索引擎友好，一般都應該在頁面中設置Keywords, Description這樣的Meta數據，我們的Drupal網站中很多都是用PHP來實現的，代碼如下：

$meta="
​<meta name='keywords' content='$keywords' /> 
<meta name='description' content='$description' /> 
";
$element = array(
  '#ty
  

　　我們自己運營的網站對于界面的要求不是太苛刻，一般都是一個Drupal網站使用同一個主題皮膚，最近在為用戶開發一個項目的時候用到Drupal，希望不同的内容對應不同的顯示界面，我先是建議同事可以在page.tpl.php中添加一些判斷來實現，但要動代碼比較麻煩，後來找了一個現成的Drupal模塊：Content Theme，可以實現一下功能：

• 分配一個主題給所有内容類型（覆蓋系統默認主題）
• 分配一個主題給指定的内容類型（覆蓋給所有内容類型指定的主題以及系統默認主題）
• 分類一個主題給指定的内容節點（覆蓋内容類

　　去年開始做微信小程序以後，對前端技術開始有了一些了解和興趣，今年3月去北京參加Google AdSense交流會後對PWA也有進一步了解并準備進行嘗試，公司招聘了專門的前端技術人員來進行開發，還參加了北京亞艾元公司在上海辦的Drupal + Angular JS + Ionic開發培訓，經過一段時間的摸索，也做出了幾個例子：

　　新版一把刀實用查詢中的例子：

• 新華字典 Web App (對應網站：一把刀新華字典)
• 成語詞典 Web App (對應網站：一把刀成語詞典)

　　前段時間花了不少時間來為Drupal網站添加AMP版本，使用了Drupal的AMP支持模塊和模闆，還自己進行了一些修改，實現了Drupal網站的全站增加對應AMP版本。

　　而去年開始就知道百度也有一個對應的MIP計劃，我今年去北京參加Google AdSense研讨會的時候與其他發布商交流，得到更多MIP方面的消息，在AMP版本告一段落的時候也準備試一試MIP。

　　要自己實現AMP版本比較麻煩，所以我用了Drupal現成的AMP支持模塊、模闆，同樣要添加MIP版本自己寫代碼也是不容易，于是我想到在AMP支持模塊、模闆的基礎上來修改，今天就這

　　今年3月開始準備嘗試Google推薦的AMP，摸索了AMP (Accelerated Mobile Pages) “加速移動網頁”中的廣告，然後使用Drupal的模塊、模闆實現Drupal網站生成AMP版本頁面，再後來4月份花了不少時間去把很多針對國外訪問者的網站添加了AMP版本。

　　從這段時間的觀察來看amp版本流量從無到有，從剛開始的每天幾十增加到目前每天大幾千，增長速度有所下降但增長趨勢還在延續。昨天Google的人還讓我報上兩個域名，加入他們内部的amp測試計劃，具體是什麼内容還不清楚。聽說amp project開始在國内架設cd

　　我用Drupal很多年了，但以前一直都是用在我們自己運營的網站，給客戶開發的項目都還是公司技術部人員使用的其它技術（例如Java, .Net, asp, PHP等），今年初在商議工作的時候也計劃把Drupal用于客戶項目。

　　前段時間做一個客戶要求的微信小程序項目，就讓同事用Drupal搭建的後台，用Views生成Json數據提供給小程序調用，隻是一些公司新聞等展示型内容，算是比較簡單，但涉及到用戶希望所見即所得編輯器中可以直接上傳文件（後來采用了百度的UEdit模塊）、希望文章可以調整排序（後來采用增加排序字段解決）等，也是費了一些波折，另外，Drupal一開

　　在用Drupal搭建網站的時候，有時需要用到一些複雜的查找及替換，隻用str_replace是無法做到的，這時需要用到正則表達式，有這樣幾個PHP函數可能會用到：​

• preg_replace  正則替換函數
• preg_replace_callback 正則替換回調函數（這個超強功能是最近遇到複雜情況才用到幾次，可以對查找匹配出來的内容進行函數轉換再替換）

　　更多PCRE 函數：

• preg_filter — 執行一

　　去年就聽說過Google的PWA（Progressive Web Apps），後來在關注和開發微信小程序中，對“漸進式網頁應用”又有了進一步的了解，并寫過一篇《Google的PWA(漸進式網頁應用)是未來趨勢嗎？》的博文，還由此有一位機械工業出版社編輯聯系我能否寫一本主題為PWA的書，雖然我對出書有興趣，但其實對PWA技術的細節和程序實現了解并不夠，而且感覺這個技術在國内的興起還需要以年來計算的時間，所以寫書的事情也不急，3月份去北京參加Google AdSense研讨會的時候也與這位出版社編輯見了一面，說晚些時候再說。

　　不過也許用不了

　　最近一直在忙為以前的Web網站添加AMP(Accelerated Mobile Pages“加速移動網頁”)版本的事情，不停地在一些針對國外用戶的系列Drupal網站上添加amp模塊和主題、進行相關設置。差不多做了一個月這樣的工作，昨天剛剛為ipshu.com的多種頁面也添加了amp版本，目前剛剛告一段落。

　　觀察Google Webmaster Tools中的amp頁面在逐步增加，出現一些錯誤我們也及時進行修改處理。這些站都嵌入了AdSense代碼，本周看AdSense數據發現近期流量和收入增長速度很快，從每天幾十PV到幾百、幾千，超過