Apps Script로 Google Sheets 상단 메뉴 버튼 만들기

 

 

Google Sheets에서 Apps Script 의 function들을 실행 할 수 있는 방법은,

상단 메뉴에 버튼을 추가하거나 sheet 내부에 버튼을 추가하는 방식이 있을 것이다.

 

 

상단 메뉴에 버튼 만드는법

 

Apps Script에서 제공하는 Simple Tirggers 의 onOpen() 을 이용한다.

해당 Google Sheets가 열릴 때 마다 실행 되는 트리거 이다.

 

SpreadsheetApp API의 createMenu 를 이용한다.

실행방법은 간단하다.

 

.createMenu('상위메뉴 이름)

.addItem('하위메뉴 이름', '실행될 함수 명')

 

/**
 * Generate Top buttons.
 */
function onOpen() {
  SpreadsheetApp.getUi()
        .createMenu('🔎 데이터 조회')
        .addItem('1. 월별 실적관리', "getData")
        .addItem('2. 월별 계약비목 관리', "getData")
        .addItem('3. 일별 실적관리', "getData")
        .addToUi();
}

 

 

 

메뉴 사이에 구분선을 넣고 싶을 경우에는

addSeparator() 를 사용하여 구분선을 추가한다.

/**
 * Generate Top buttons.
 */
function onOpen() {
  SpreadsheetApp.getUi()
        .createMenu('🔎 데이터 조회')
        .addItem('1. 월별 실적관리', "getData")
        .addItem('2. 월별 계약비목 관리', "getData")
        .addSeparator()
        .addItem('3. 일별 실적관리', "getData")
        .addItem('4. 일별 매출관리', "getData")
        .addToUi();
}

 

 

 

 

 

메뉴에 이모지를 넣으면 훨씬 직관적으로 보일 수 있다.

/**
 * Generate Top buttons.
 */
function onOpen() {
  SpreadsheetApp.getUi()
        .createMenu('🔎 데이터 조회')
        .addItem('1. 월별 실적관리', "getData")
        .addItem('2. 월별 계약비목 관리', "getData")
        .addSeparator()
        .addItem('3. 일별 실적관리', "getData")
        .addItem('4. 일별 매출관리', "getData")
        .addToUi();

  SpreadsheetApp.getUi()
      .createMenu('📄 매출관리')
      .addItem('🔎 문서 조회', "getData")
      .addItem('💾 문서 저장', "getData")
      .addItem('🗑️ 문서 삭제', "getData")
      .addItem('🆕 신규등록', "getData")
      .addItem('🆗 확인(승인)', "getData")
      .addToUi(); 

}

 

https://emojipedia.org/ko/

📙 Emojipedia — 😃 이모지 홈의 의미 💁👌🎍😍