Tag Archives: google

Ways to Use Google Apps Script to Fetch Databases to a Google Spreadsheet

How to Use Google Apps Script to Fetch Databases to a Google Spreadsheet_YWF

It is pretty common to export information from a WordPress database to an Excel sheet or in a CSV format. However, you may realize that there is a problem with exporting and importing files. One of the most common ones is that the process is sometimes not too intuitive and all files need to be updated at regular intervals.

However, now you can forget those old days, as today, you can solve the problem by using Google Apps Script to link your WordPress database to a Google spreadsheet which automates the workflow. As a web developer, you surely want to know how a Google Apps Script can be used to fetch database values from WordPress through the Google Apps Script Spreadsheet Service. So, here is some information about it that you need to know.

What is Google Apps Script?

Through Google Apps Script, you can automate tasks across Google products and third party services and build web applications. In many cases, Google Apps Script is also known as a JavaScript cloud scripting.

This is why you can do a lot of new things with Google Apps like Docs, Sheets, and Forms through the Google App Script. Other benefits that you can get from the Google App Scripts are:

  • Add custom menus, dialogs, and sidebars to Google Docs, Sheets, and Forms.
  • Write custom functions for Google Sheets
  • Publish web apps – either standalone or embedded in Google Sites
  • Interact with other Google services, including AdSense, Analytics, Calendar, Drive, Gmail, and Maps.

Furthermore, with the Google Apps Script Spreadsheet service, you can create access and modify Google Sheets files.

Creating a Google Apps Script with Spreadsheet

If you want to create a Google Apps Scripts with Spreadsheet, the steps will be as follows:

  • Create a New Spreasheet
  • Click on “Tools ->Script Editor”
  • The editor window will appear in a new tab
  • When writing the script, there are several Classes and methods that you can choose. Some of them are as follows:
  1. Classes
  • BorderStyle
  • DataValidation
  • ContainerInfo
  • Range
  1. Methods
  • getChartType()
  • getRanges()
  • setColours()


Below is the Sample app script example that will store the spreadsheet data into the log:

function logProductInfo() {

var sheet = SpreadsheetApp.getActiveSheet();

var data = sheet.getDataRange().getValues();

for (var i = 0; i < data.length; i++) {

Logger.log(‘Product name: ‘ + data[i][0]);

Logger.log(‘Product number: ‘ + data[i][1]);



  • Don’t forget to debug the script after writing the script. You can debug the icon easily by clicking on debug icon and if debugging is successful with no error then you can “Run” the script by clicking on run icon.
  • Click on “View->Logs” to view the Log.

 Google Apps Script and WordPress

You can also use Google Apps Script with WordPress in many ways. For example, you can connect with the WordPress database. Via JDBC service, Google Apps Script can access many relational databases. It is actually a wrapper around the standard Java Database Connectivity standard. In Google Apps Script, the JDBC service supports the Google Cloud SQL, MySQL, Microsoft SQL Server, and Oracle databases.

You can read the following example that will demonstrate the database connection:

function myFunction() {// make the connectionvar connection = Jdbc.getConnection(“jdbc:mysql://db IP or host name:port number/DB name”, “User name”, “password”);// perform the queryvar SQLstatement = connection.createStatement();var result = SQLstatement.executeQuery(“SELECT * FROM DB_NAME”);// choose a range in sheetvar ss = SpreadsheetApp.getActiveSpreadsheet();var cell = ss.getRange(‘A2’);// loop through result object, setting cell values to database datavar row = 0;while(result.next()) {for(var i=0; i<4; i++) { // four fields per recordcell.offset(row, i).setValue(result.getString(i+1));}row++;}// tidy upresult.close();SQLstatement.close();connection.close();}

By running this code, you will get the values from the database and add the fetched values into the currently active spreadsheet. You can also add values into the database, in which those values can be used in WordPress. For instance, it is possible to register all of the users’ data in a spreadsheet in one go through the Google Apps Script.


In order to easily map your WordPress database to a Google Spreadsheet, you can use the Google Apps Script. Another advantage that you can get by applying this method is that you can simply run this script to update your spreadsheet as per your database. Furthermore, you don’t need to constantly import and merge files in order to keep your online and offline databases in sync. This makes this application highly useful, especially for developers who want to use Google APIs for many purposes.

6 Important Elements to Put in Your Design Guide Right Now

6 Important Elements to Put in Your Design Guide Right Now

In order to produce a good design team output and for ensuring a consistent brand identity, a web designer should create smart design guides. This is because a good design guide is such a work of art that has practical application in everyday design work. With design guide, you can showcase what your project is and aspire to be. It should include elements of design, voice and even code in a way that’s manageable, usable and easy to understand.

Above all, you need to know the six design guide elements that should be included in your documentation. Here they are.

  1. Brand Identity Examples

A good design guide should emphasize your brand identity in a visual format that represents your design material look. In other words, it should show than tell. However, the best example should display real-case uses that look exactly the same as the design standard and what you want to portray. Furthermore, discover when the design is at its best, whether it is on your website homepage, mobile homepage, app or any other place, then screen shoot to capture the image.

By using real images, you don’t need to create extra work to showcase visual elements, since you already have them in hand. Then, with visual proof, the team members can easily understand the actual practice of the written guideline work.

  1. Design Guidelines

Don’t forget to outline the use of design elements clearly; everything from color swatches to typography palettes and shapes, since explaining these things can help users apply the design style more accurately and consistently across medium. Furthermore, it is a good idea to include elements that might be different from print branding counterparts and how they relate when it comes to website design. So, if this is a part of your design strategy, you need to know which typefaces is substitution.

Remember to be specific when outlining design guidelines, for example H1 tags are always 88 points or thumbnail images are always 200 by 200 pixels, but be careful with too over-communicating unnecessary details, since it may make your team members get confused to find something in a sea of specifications.

  1. Voice and Personality

Believe it or not, but a descriptive writing style for copy can also impact the visuals type of imagery you choose, for example, the type of imagery you choose to use and even elements such as colour and type. All of these elements will produce an overall personality for your brand. Other factor, such as a strong voice and personality can also become a part of the visual identity.

  1. SEO Keywords

In search engine optimization, you will need to use keywords in your content, in fact, you need to involve keywords in the way you speak about the brand, in descriptive language about the design and put a list of the top keywords in the design guide itself.

With a keyword list, you can bring the words you want to say to top of mind, every time you see them. In other words, SEO keyword list attempt to make the words get stuck in reader’s head. Therefore, a good website design should be able to correlate to these keywords at all time to the content.

  1. Pattern and Element Styles

Make sure to have guides for all possible uses, such as on your still and animated versions of logos, colour palettes, patterns and even design elements such as form fields and navigation. If you want to give extra convenient to your team, you can create a pattern and element style guide in an online location so that users can just copy and paste elements for quick usage.

  1. Code Snippets

Web design and code are two things that you need to know in every website design guide since you will find codes from buttons to small animations to slider effects. Of course, these codes might consume your hours to your daily workflow as it eliminates the need to manually enter specs with every new element.

With Firefox, you can include design component information in its design guide for the recently revised branding and logo usage. All you need is to remember to include some base information such as where to use H1 through H4 on pages within the website design and how to style buttons and images, even if you don’t provide a full library of code snippets.

All the points above show that a design guide doesn’t always have to be a static document. In fact, you can present it in a way that can leverage your brand and visual identity. You can also use online versions of a design guide so that you can quickly and easily make changes, such as grabbing code and colour snippets.

5 Mistakes Many Smart People Keep Making in SEO

5 SEO Mistakes many Smart People Keep Making_YWF-01

Before starting this article, I would like to remind you that everyone makes mistakes, so whether you have been in this industry for years or a new player, you will likely make mistakes and the only way to minimalize the mistakes is to learn about your mistakes. There will be many SEO mistakes to talk about, but primarily, we want to share some of them with you, so that you can identify and avoid them and then hopefully, it can gain you success faster and more efficiently. If you are a business owner, don’t forget to share this knowledge to your SEO services agency too.

  1. Serving Bots Before Humans

If your SEO efforts are still all about chasing algorithms, or trying to trick search engines, you’d better leave it all behind, since now what it takes to rank well today is exactly the same as what it takes to satisfy visitors.

Unfortunately, many people still think about putting bots above actual humans which can result in ineffective tactics like keyword stuffing, specific content length, and manipulative linking schemes. I understand that this kind of thinking works in the olden days, but in today’s SEO environment, you really need to change your paradigm.

This is because the main priority in SEO is to always focus on your human visitors, since they are the people that will buy and use your products or services. For example, the main idea of creating a mobile-friendly website is to satisfy mobile users with lots of useful, original, and well-written content that can load quickly.

  1. Thinking about Tactics Instead of Strategies

Many people still mislead between tactics and strategies. In fact, this confusion has become a big problem which causes people to be inefficient and aimless. Therefore, it is important to achieve significant long-term success by having a clear understanding of the difference between the two; here are the simple ways to differentiate them:

  • Strategy: A big picture objective that will give you a significant competitive advantage.
  • Tactics: The actions you have to take to achieve that strategy.

For example, when you want to sell things online, you will use social media selling as your strategy, but providing lots of content per day to make people aware of your products is the tactic.

  1. Failing to Accurately Track Performance

It is important to know exactly how you’re performing, so that you can see whether you’re making sufficient progress or not. Furthermore, instead of relying on your gut instinct, you can try to track your performance through so many powerful tools available that can range from Google Analytics and Search Console to paid tools like Raven, SEMrush, and Moz.

With those tools, you can increase what is working and fix or eliminate what isn’t working well in your campaigns. Besides, you can detect any problem early and it will also allow you to correct it early.

  1. Taking Advice from Questionable Sources

With internet, you can easily find a lot of information, but you need to be careful as information that you get from the internet may have been out-dated, or they can be hoax too. On the other hand, SEO has changed dramatically over the last 20 years. This surely makes it is easy for you to find information that is flat-out false. Therefore, you need to stay on top of SEO by reading the top publication from the trustworthy sources. Furthermore, since SEO is a constantly and rapidly evolving industry, you need to keep learning from many reputable sources.

  1. Not identifying Worthwhile Key Performance Indicators

In SEO, there are many things that you can use as your key performance indicator. However, not all things can be used as a good KPI; it depends on the context. For example, if you determine the number of new links on your website as a KPI, then you will call it a win if there are a lot of links coming from one website, and this is not true, as the links can also come from comment spam.

Therefore, your KPI must be objectively measurable and tied to a specific business goal, such as getting in front of ideal prospects, generating positive PR, or generating revenue, such as a link within content that’s relevant to what you do.

By knowing the 5 mistakes that even smartest people often do, you can prevent yourself from doing the same mistakes. Hopefully, after performing good SEO strategies, you can easily run a good SEO performance for growing and improving your business.