2016-01-23 66 views
0

我如何在joomla頭部分實現js以下。我已經嘗試了幾次來添加這段代碼,但是在index.php文件上修改後,它並沒有保存在頭部分上,在審查視圖頁面源代碼顯示在body部分之後。在Joomla頭部加上js

 <script type='text/javascript'> 
    (function() { 
    var useSSL = 'https:' == document.location.protocol; 
    var src = (useSSL ? 'https:' : 'http:') + 
     '//www.googletagservices.com/tag/js/gpt.js'; 
    document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); 
    })(); 
</script> 

<script type='text/javascript'> 
googletag.cmd.push(function() { 
googletag.defineSlot('/20819282/mpbd_top_header', [728, 90], 'div-gpt-ad-1452863082329-0').addService(googletag.pubads()); 
googletag.pubads().enableSyncRendering(); 
googletag.enableServices(); 
}); 
</script> 
+0

您需要提供更多信息。哪個文件是index.php。它看起來如何?它是在你的模板,然後你使用什麼模板等 – jonasfh

+0

是的,它是我的模板index.php文件,我想在頭部上添加js以上。我正在使用joomla默認protostar模板。 –

回答

0

添加的代碼在頭部分/templates/{yourtemplate}/index.php,代碼將在頭部分顯示出來。如果你正在使用一些特殊的模板,那麼事情可能會更復雜一些,但這是一般的想法。

0

您無法更改默認protostar模板中的代碼。在下一次Joomla更新後,您的更改將被清除。

由於這很可能不是您想要對模板進行的唯一更改,因此首先創建模板的副本,重命名,安裝並配置您的Joomla以使用它。這將使更改在更新中保持不變。

然後當場文件模板/ your_new_template_name/index.php文件和之前的頭節結束粘貼您的代碼,以便它看起來像這樣

<script 
.... 
</script> 
</head> 

也許它可能是更容易爲你只需添加其中一個專門處理頁內廣告的擴展,有很多隻是搜索JED:http://extensions.joomla.org/category/ads-a-affiliates。這將照顧你需要的所有代碼,並且你可以專注於你的廣告活動。

+0

感謝您的回覆。我試過上面的過程(重命名模板),但沒有結果它仍然在身體部分。你懷疑別的嗎?我的網址:http://www.mobilepricebd。net –

+0

我建議你在joomla.stackexchange網站上發帖,因爲stackoverflow對於開發者來說確實是這樣,在那裏你可能會發現更多的支持。但是,繼續前進並獲得專門的擴展,這會更容易,更有效;它是免費的。 –

0

從JED:Flexi Custom Code下載此模塊並進行安裝。

創建一個新的文件名爲myscript.js

添加以下行myscript.js並保存到你的服務器的Web根目錄(/的public_html /)

(function() { 
var useSSL = 'https:' == document.location.protocol; 
var src = (useSSL ? 'https:' : 'http:') + 
    '//www.googletagservices.com/tag/js/gpt.js'; 
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); 
})(); 

googletag.cmd.push(function() { 
googletag.defineSlot('/20819282/mpbd_top_header', [728, 90], 'div-gpt-ad-1452863082329-0').addService(googletag.pubads()); 
googletag.pubads().enableSyncRendering(); 
googletag.enableServices(); 
}); 

在後端去擴展>模塊,然後單擊Flexi Code模塊的空條目。

將位置設置調試,設置模塊標題給我的腳本(或者你想將它命名,並設置標題爲隱藏

有下面的代碼框中4個選項,離開第一個選項wahtever使用PHP打開並關閉其他3關閉

輸入此文到代碼框: <?php $ DOC = & JFactory :: getDocument(); $ doc-> addScript( 「myscript.js」, 「text/javascript」); ?>

這會將myscript.js文件添加到當前模板的HEAD中,而不需要編輯模板文件本身。

整個過程應該少於5分鐘。