前言介紹
- 這款 WordPress 外掛「Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads」是 2018-11-24 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 2000 個安裝啟用數。
- 上一次更新是 2022-09-25，距離現在已有 950 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.2.4 以上。
- 有 5 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
custom css | header css | ga property | custom script | Facebook Pixel |
內容簡介
使用 Skyboot Insert Headers CSS 和 Insert Footers CSS 外掛，您可以在頁首和頁尾標籤中插入自訂 CSS 和自訂 Javascript 代碼，例如 Facebook 像素代碼、Google Analytics 代碼、GA4 屬性代碼、Google Tag Manager、Google Ads/Google Adsense 代碼，等等。最常見的用例是插入頁首和頁尾的自訂 CSS 和 Footers CSS，自訂頁首腳本、自訂頁尾腳本以及自訂第三方 JavaScript 代碼等自訂腳本。
🌐 我們的網站: https://skybootstrap.com
🚀 我們的部落格: 點擊這裡
👉 訂閱我們的 YouTube 頻道: 現在訂閱
✈️ 追蹤我們的 Facebook 專頁: 立即追蹤
📢 我們推薦的企業成長工具點擊這裡
🔥 功能包括 🔥
✅ 在頁首或頁尾標籤中插入自訂 CSS
✅ 在頁首或頁尾標籤中插入 Javascript 代碼
✅ 在頁首或頁尾區域載入 jQuery。
✅ 插入 Facebook 像素代碼/ Facebook 分析代碼
✅ 插入 Google Analytics 代碼
✅ 插入 GA4 屬性代碼
✅ 插入任何形式的自訂 CSS
✅ 插入任何形式的自訂 Javascript 代碼
✅ 內建 WordPress 地區代碼
✅ 任何第三方的追蹤代碼
✅ 從原生廣告插入廣告代碼
✅ 插入 Hotjar 追蹤代碼
✅ 從多個地方插入廣告代碼
✅ WordPress 的自訂 CSS
大部分網站擁有者在網站上添加自訂代碼，這就是使用此外掛的原因。您可以透過此外掛添加簡單的自訂 CSS、自訂 JS 或任何類型的自訂腳本，例如 Facebook 像素代碼、Google Analytics 代碼和任何類型的頁首腳本、頁尾腳本 CSS 和 Javascript 代碼。
💖 如果您喜歡我們的工作 請請買杯咖啡支持我們
此插件的插入頁首和插入頁尾功能允許您在網站頁首和 body tag 前插入自訂代碼。該外掛允許您添加自訂代碼到頁首和頁尾。您可以輕鬆且安全地在 WordPress 網站的頁首和頁尾區域中插入如 CSS、jQuery 和 JavaScript 般的自訂代碼。
手動安裝方法:
👉 首先下載外掛。
👉 解壓縮已下載的 ZIP 檔案。
👉 使用 Filezilla 或替代應用程式登入 FTP 帳戶。
👉 瀏覽資料夾 "/ wp-content/plugins /"。
👉 上傳解壓縮的外掛資料夾。
👉 從您的儀表板進入外掛菜單，啟用外掛。
👉 現在您會看到一個名為“Skyboot”的新管理菜單。
👉 前往“Skyboot”菜單，將您的代碼放在您想運行代碼的位置。
👉 BOOM！享受此外掛的功能。
💚 喜歡我們的 Simple Custom CSS 和 JS Script 外掛嗎？
👍 請在WordPress.org 上給我們評分
這是一個易於使用，帶有 WordPress 默認界面的 WordPress 外掛，可讓您輕鬆且安全地在網站的頁首或頁尾區域中添加自訂代碼（CSS、jQuery 和 JavaScript）。在創建 WordPress 網站後，您需要為任何目的添加 JS 腳本，因此您可以使用自訂 CSS 和 JS 外掛添加 wp 自訂 js。
當您創建 WordPress 網站時，很多時候需要添加 WordPress 自訂代碼。
原文外掛簡介
Using Skyboot Insert Headers CSS and Insert Footers CSS plugin you can Insert your Custom CSS and Custom Javascript Code in Header & Footer tag. like: Facebook pixel code, google analytics code, GA4 property code, Google Tag Manager,Google Ads/Google Adsense code, etc. Most common use case is Insert Headers CSS and Footers CSS,custom header script, custom footer script Custom Script for add 3party javascript code.
🌐 Our Website: https://skybootstrap.com
🚀 Our Blog: Click Here
👉 Subscribe Our YouTube Channel: Subscribe Now
✈️ Follow our Facebook Page: Follow Now
📢 Our Recommended Business Tools to Grow Your Small Business Click Here
🔥 Features include 🔥
✅ Insert custom css in head or footer tag
✅ Insert Javascript code in head or footer tag
✅ Load jQuery in header or footer sections.
✅ Insert Facebook pixel code/ facebook analytics code
✅ Insert google analytics code
✅ Insert GA4 property code
✅ Insert any type of my custom css
✅ Insert any type of custom js code
✅ Built-in WordPress locale codes
✅ Any third party tracking codes
✅ insert ad code from native ads
✅ insert hotjar tracking codes
✅ insert ads codes from multiple places
✅ custom css for wordpress
Most of the time each website owner need to add custom code to their website for some reason that’s why you need to use this plugin. you can add your simple custom css and custom js or any kind of custom script such as Facebook pixel code, google analytics code and any type of header footer css and javascript code by this plugin.
💖 If you like our work Buy Me a Coffee
Insert Headers and Insert Footers functionality allows you to insert custom code on headers and footers on your website head and before body tag. The plugin allows you to add custom code on headers and footers. You can Easily and safely Insert Script like: CSS, jQuery and JavaScript to the WordPress website’s head and footer sections.
Installing manually:
👉 First Download the plugin.
👉 Unzip the Downloaded zip file.
👉 Login FTP account using Filezilla or an alternative application.
👉 Browse the folder “/wp-content/plugins/”.
👉 Upload the unzip plugin folder.
👉 Go go plugin menu from your dashboard and activate the plugin.
👉 Now you will see a new admin menu named “Skyboot”.
👉 Go to “Skyboot” menu and put your code where you want to run your code.
👉 BOOM! Enjoy the plugin features.
💚 Love our Simple Custom CSS and JS Script plugin?
👍 Rate us on WordPress org
An easy to use, with default wordpress interface, This WordPress plugin that gives you to the ability to easily and safely add your custom code ( CSS, jQuery and JavaScript) in the head or/and footer section of your website. After creating a WordPress website, you need to add js script for any purpose so you can add wp custom js by using custom css and js plugin.
When you create a WordPress site, most of the time you need to Add WordPress custom CSS code to footer for extra CSS to add to your website without editing any code. with the plugin you can easily replace CSS for your website frontend CSS. It’s a light weight custom css wordpress plugin/custom css plugin.
I have a custom css file that I would like to apply to the footer of my site. Is there any way to add it to the head or footer of the site? The only way I know to do this is through CSS, but I’m not sure if it’s possible to use a custom CSS file for the footer of the site. A: Add your style to your website header and footer using the plugin.
Our simple insert headers and footers interface allows you to insert code like Google Analytics, custom CSS, Facebook Pixel, and more to your WordPress site’s header and footer as well other areas of your website. No need to edit your theme files!
Aside from Header and Footer scripts, you can also use skyboot custom script to insert JavaScript code, CSS code.
custom javascript code
If you want use custom javascript code in your website you must need the tool. There is no need for any more editing of the files of your theme or plugins for to add custom scripts ( CSS, jQuery and JavaScript ) in header and footer. Just add your custom scripts or simple custom css in the box on the plugin page and this plugin will do the rest for you. You can use the plugin without any coding knowledge.
facebook analytics code
Facebook analytics code is used to track which events in your website have occurred or which actions users have taken on your site. This helps you understand better which types of posts are effective and help you to develop the content you produce. By using Facebook analytics, you can also measure your return on investment and keep your audience engaged with content that is relevant to them. Facebook Analytics is a simple way of seeing exactly which events occur on your site and what actions your audience takes.
google analytics code
Google Analytics is the only way we can understand how you use our website and how to improve it.
Google Analytics Plugin
Our Add Google Analytics Plugin makes it easy to place your code for your site visitors to see how many people are visiting your site and what they are doing when they arrive. You can learn about the different analytics features in our blog. This guide helps you add the Google Analytics Tracking Code into your site’s code. Add code to your web page for adding your own CSS and JavaScript to your page.
add you website tracking codes
add you website tracking codes for monitor your website traffic and the visitor activity. Make sure that your website is mobile-friendly. Mobile traffic is now bigger than desktop traffic. The Google algorithm is changing to mobile-friendly. If you want to improve your SEO, make sure that your site is mobile-friendly. Make sure that you are using social media marketing as part of your marketing strategy. You can find many websites that will help you with this. You can use social media as a way to share links and other information about your business.
insert hotjar tracking codes
insert hotjar tracking codes to your webpages. If you are a blogger and want to track the source of your traffic, I suggest you try this free tool from HotJar. It offers more features than Google Analytics and it’s very easy to use. Paid Tools One of the best paid tools is ahrefs It has an enormous database of keywords, competitors, backlinks, etc. You can search by industry, location, and even product category. You can get detailed reports on how you’re ranking in comparison with your competitors.
Add google analytics code
The plugin to WordPress Custom CSS will place you everything you need to know to master CSS (Cascading Style Sheets) to add custom styling to your WordPress website. Use custom CSS and jQuery for headers, buttons, and more. Learn to customize the look and feel of your site with hundreds of useful examples and tricks. This book includes a video tutorial to walk you through the process step-by-step so you can see exactly what you’re doing.
simple custom css
You’ve got a website. You want to get it noticed. Well, this is a great place to start. This site is a showcase of how you can easily create custom CSS that really makes your site look fantastic. I’ll give you the steps, the code, and explain what each line does. It will also show you how to easily apply that CSS to your own site. This site will teach you everything you need to know.
Google Ads/Google Adsense code
Google Ads (AdSense) is an advertising network that allows websites to display advertisements on their pages. When a website visitor clicks on an ad, the advertiser pays the publisher. Advertisers pay for each click they get. The Google AdSense Terms and Conditions state that the publisher is the individual or company which has created a web page and uploaded the ad code onto that page. The publisher is not responsible for the content of the web page itself. The Google AdSense Terms and Conditions also state that the ad code can only be placed on pages with an open content license, such as a Creative Commons license. Google Ads are not allowed on any pages with a closed content license such as a Creative Commons License.
Custom code on headers scripts and footer scripts
You are trying to add custom code to the header and footer of your website. With the plugin you can successfully added a custom code to the header and footer. But you have to take some steps before you start adding custom code. Steps to add custom code in the header and footer First, you have to install the plugin. In the plugin settings option add the following code.
Our Other WordPress plugins
📢 Skyboot Custom Icons for Elementor – Elementor Icons library
Skyboot Custom Icons for Elementor is a Elementor Icons library plugin. With the Elementor Icons plugin, you can increase your Elementor Icons library. The Elementor plugin has more than 14055+ icons from the different icon packs. like: What’s icons are included in the custom Elementor icons plugin: Brands icons (934) ,Devicons Icons (191) ,Elegant Icon (360) ,Elusive Icons (303) ,Icofont (2095) ,Ico Moon (491) ,Iconic Icons (172) ,Ion icons (696) ,Line Awesome (2004) ,Line Icon (511) ,Linear icons (170) ,Material Design Icons (5346) ,Simple Line Icon (189) ,Themify Icon (351) ,Open Iconic (22)
👉 Check Elementor Icons Plugin
📢 Elementor Image Gallery Plugin ( Masonry Gallery, Elementor Gallery With Captions, Elementor Portfolio Gallery Widget, Filterable Gallery )
The Elementor gallery plugins are powerful widgets for showcasing your images. These gallery plugins are packed with powerful features, such as image filters, captions, featured and random options, and much more. This Elementor plugin lets you create galleries with a gallery widget and a portfolio gallery widget. You can also add captions to images with different styles.
👉 Check Elementor Image Gallery Plugin
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。