{"id":51117,"date":"2024-01-05T11:28:55","date_gmt":"2024-01-05T04:28:55","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=51117"},"modified":"2025-03-06T10:55:32","modified_gmt":"2025-03-06T03:55:32","slug":"mengenal-umbrella-branding-serta-strategi-menjalankannya","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/","title":{"rendered":"Mengenal Umbrella Branding serta Strategi Menjalankannya"},"content":{"rendered":"<p><i><span style=\"font-weight: 400;\">Branding<\/span><\/i><span style=\"font-weight: 400;\"> adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> yang kuat dan terkenal di berbagai belahan dunia. Biasanya produk-produk seperti ini telah memiliki kepercayaan dari masyarakat luas. Pentingnya <\/span><i><span style=\"font-weight: 400;\">umbrella branding <\/span><\/i><span style=\"font-weight: 400;\">dalam strategi perusahaan Anda sangat diperlukan serta memiliki tujuan agar setiap produk yang akan dikeluarkan lebih banyak dikenal oleh banyak orang.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Strategi marketing pada saat melakukan penjualan produk di bawah satu brand yang sama dan saling berkaitan.<\/span><i><span style=\"font-weight: 400;\"> Umbrella<\/span><\/i><span style=\"font-weight: 400;\"> branding dapat menciptakan <\/span><i><span style=\"font-weight: 400;\">brand equity<\/span><\/i><span style=\"font-weight: 400;\"> yang bagus untuk <\/span><i><span style=\"font-weight: 400;\"><a href=\"https:\/\/disperdagin.tanjungpinangkota.go.id\/index.php\/kegiatan\/1706-apa-itu-brand\" target=\"_blank\" rel=\"noopener\">brand<\/a> <\/span><\/i><span style=\"font-weight: 400;\">tersebut.\u00a0 Perusahaan-perusahaan yang telah menggunakan berbagai strategi pemasaran berbeda dan menemukan formula yang tepat dalam menggunakan <\/span><i><span style=\"font-weight: 400;\">umbrella branding<\/span><\/i><span style=\"font-weight: 400;\"> untuk dapat mengembangkan produk milik perusahaan.\u00a0<\/span><\/p>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2 id=\"1\"><b>Apa Itu Umbrella Branding?<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51132 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95.png\" alt=\"Pentingnya Umbrella Branding pada Perusahaan. \" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95.png 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-300x169.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-1024x576.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-768x432.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-1536x864.png 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-150x84.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-696x392.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-1068x601.png 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-95-747x420.png 747w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Umbrella branding<\/span><\/i><span style=\"font-weight: 400;\"> adalah sebuah praktik pada marketing dengan cara menjual beberapa produk yang saling terkait di bawah satu brand yang sama. Dalam hal ini<\/span><span style=\"font-weight: 400;\"> biasa orang ketahui dengan sebutan<\/span><i><span style=\"font-weight: 400;\"> family branding. <\/span><\/i><span style=\"font-weight: 400;\">Bahwa pada branding<\/span>\u00a0<span style=\"font-weight: 400;\">juga dapat menjadi sebuah tantangan bagi para <\/span><i><span style=\"font-weight: 400;\">marketers<\/span><\/i><span style=\"font-weight: 400;\">. Hal ini karena mereka memang harus menyelaraskan pada setiap produk dengan lebih efektif. Bila dalam praktik marketing-nya dapat terlaksana dengan sangat baik, hasilnya juga akan bisa membawa keuntungan yang baik juga.\u00a0<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Umbrella branding<\/span><\/i><span style=\"font-weight: 400;\"> dalam perusahaan adalah sebuah bentuk yang lain dan mirip dalam strategi branding. Caranya dengan perusahaan akan memanfaatkan kredibilitasnya pada perusahaan dengan cara membuat sebuah produk maupun jasa yang baru. Dampaknya untuk perusahaan yaitu lebih dapat dikenali untuk dikaitkan dengan beberapa <\/span><i><span style=\"font-weight: 400;\">sub-brand <\/span><\/i><span style=\"font-weight: 400;\">yang ada.\u00a0<\/span><\/p>\n<p><b>Baca juga: <\/b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pentingnya-branding-perusahaan\/\" target=\"_blank\" rel=\"noopener\"><b>5 Manfaat Branding untuk Keberlangsungan Perusahaan Anda<\/b><\/a><\/p>\n<h2 id=\"2\"><b>Contoh Umbrella Branding<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51131 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96.png\" alt=\"Umbrella branding dapat memanfaatkan kredibilitas brand \" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96.png 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-300x169.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-1024x576.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-768x432.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-1536x864.png 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-150x84.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-696x392.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-1068x601.png 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-96-747x420.png 747w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Strategi pada <\/span><i><span style=\"font-weight: 400;\">umbrella branding <\/span><\/i><span style=\"font-weight: 400;\">dapat memanfaatkan kredibilitas <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> untuk dapat menarik konsumen agar membeli atau menggunakan jasa yang nantinya akan dijual. Semakin tinggi kredibilitas brand tersebut di mata konsumen maka semakin tinggi juga keberhasilan produk lainnya. Dalam hal berikut dibagi beberapa bagian yang termasuk contoh <\/span><i><span style=\"font-weight: 400;\">umbrella branding <\/span><\/i><span style=\"font-weight: 400;\">:\u00a0<\/span><\/p>\n<h3 id=\"a\"><span style=\"font-weight: 400;\">Eiger\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Eiger termasuk kedalam umbrella branding sebagai salah satu perusahaan yang memproduksi peralatan dan perlengkapan <\/span><i><span style=\"font-weight: 400;\">outdoor<\/span><\/i><span style=\"font-weight: 400;\"> terbesar di Indonesia dan telah memiliki pangsa pasar yang luas dengan menguasai 80% pada pasar lokal. Saat ini Eiger memiliki toko dan gerai yang berjumlah sekitar 300 yang tersebar di berbagai kota di Indonesia dengan kategori yang berbeda-beda mulai dari <\/span><i><span style=\"font-weight: 400;\">flagship<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">showroom<\/span><\/i><span style=\"font-weight: 400;\">, toko, konter dan agen ritel, serta kantor pusat. <\/span><\/p>\n<h3 id=\"b\"><span style=\"font-weight: 400;\">Samsung\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Umbrella Branding pada samsung dapat perusahaan gunakan untuk memperkenalkan produk yang serupa dari samsung agar dapat meningkatkan penjualan. Terdapat beberapa produk dan layanan samsung seperti <\/span><i><span style=\"font-weight: 400;\">smartphones<\/span><\/i><span style=\"font-weight: 400;\">, tablets, Audio Sound, Watches, Aksesoris, TVs, Lifestyle TV, Sound Devices, Kulkas, Laundry, Air Solutions, Cooking Appliances, Monitors, Memory Storage. Ada banyak sekali peluang yang nantinya dapat kamu manfaatkan dalam pelaksanaannya juga dapat terbilang efektif dan efisien.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Seluruh produk tersebut mempunyai satu kesamaan, yaitu merupakan teknologi yang akan menunjang kehidupan para penggunanya. Setiap produk nantinya akan perusahaan bekali dengan tampilan yang sangat <\/span><i><span style=\"font-weight: 400;\">user friendly <\/span><\/i><span style=\"font-weight: 400;\">sehingga jauh lebih memudahkan para penggunanya. Walaupun hanya sekali lihat saja, mereka sudah mengetahui bahwa produk tersebut memang memiliki kualitas yang baik.\u00a0<\/span><\/p>\n<h3 id=\"c\"><span style=\"font-weight: 400;\">L&#8217;Oreal<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">L&#8217;Oreal merupakan <\/span><i><span style=\"font-weight: 400;\">brand <\/span><\/i><span style=\"font-weight: 400;\">yang sukses menembus pasar perawatan wajah untuk wanita serta pria. PT. L&#8217;Oreal melakukan <\/span><i><span style=\"font-weight: 400;\">brand extension <\/span><\/i><span style=\"font-weight: 400;\">yaitu menggunakan nama merek yang sama untuk berbagai jenis kategori produk atau bisa juga disebut juga dengan <\/span><i><span style=\"font-weight: 400;\">umbrella branding<\/span><\/i><span style=\"font-weight: 400;\">. L&#8217;Oreal ada pada kategori pewarna rambut, kategori perawatan wajah, kategori make-up (lipstik, bedak, dan lainnya) serta yang terakhir L&#8217;Oreal menggunakan brand yang sama untuk masuk ke kategori baru, pasar perawatan wajah pria <\/span><i><span style=\"font-weight: 400;\">(LOreal Men Expert<\/span><\/i><span style=\"font-weight: 400;\">). Maka dari itu <\/span><i><span style=\"font-weight: 400;\">Umbrella Branding<\/span><\/i><span style=\"font-weight: 400;\"> strategi yang menarik dalam suatu bisnis pada produk perusahaan Anda agar <\/span><i><span style=\"font-weight: 400;\">brand <\/span><\/i><span style=\"font-weight: 400;\">dapat terkenal secara luas. Reputasi baik dari <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> bisa memberi dampak positif bagi semua produk yang akan perusahaan Anda luncurkan.\u00a0<\/span><\/p>\n<h2 id=\"3\"><b>Langkah Strategi Umbrella Branding<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51148 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752.png 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-300x169.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-1024x576.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-768x432.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-1536x864.png 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-150x84.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-696x392.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-1068x601.png 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/12\/Desain-tanpa-judul-2022-12-05T092735.752-747x420.png 747w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Membangun <\/span><i><span style=\"font-weight: 400;\">brand awareness <\/span><\/i><span style=\"font-weight: 400;\">pada perusahaan bukanlah hal yang mudah. Oleh karena itu, umbrella branding berperan besar dalam dua hal tersebut. Dengan kepercayaan pelanggan yang sudah melekat pada suatu <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> itu sendiri. Maka dari itu, sebelum menerapkan umbrella branding, ada baiknya kamu mempertimbangkan kelebihan dan kekurangannya terlebih dahulu. Pada kelebihan <\/span><i><span style=\"font-weight: 400;\">umbrella branding<\/span><\/i><span style=\"font-weight: 400;\"> seperti mengurangi biaya iklan, pelanggan sudah loyal pada <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\">, memperkuat <\/span><i><span style=\"font-weight: 400;\">brand <\/span><\/i><span style=\"font-weight: 400;\">yang sudah ada serta dapat meningkatkan penjualan. <\/span><span style=\"font-weight: 400;\">Berikut ini beberapa langkah strategi dalam umbrella branding, sebagai berikut :\u00a0<\/span><\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h3 id=\"d\"><span style=\"font-weight: 400;\">Tingkatkan promosi agar brand pasti terkenal pada kalangan masyarakat<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Dengan mengadakan<\/span><i><span style=\"font-weight: 400;\"> event <\/span><\/i><span style=\"font-weight: 400;\">yang mana menjadi ajang promosi untuk bisa memperkenalkan merek Anda. Misalnya untuk peluncuran produk atau promosi produk baru pada perusahaan Anda. Membangun citra pada media sosial perusahaan sebut juga sebagai cara terbaik agar lebih dekat dengan konsumen.\u00a0<\/span><span style=\"font-weight: 400;\">Alasannya adalah karena masyarakat saat ini hampir seluruhnya mempunyai akun media sosial baik itu Facebook, Instagram, Twitter dan lain sebagainya.\u00a0 Anda bisa juga menjangkau konsumen dengan memanfaatkan <\/span><i><span style=\"font-weight: 400;\">platform<\/span><\/i><span style=\"font-weight: 400;\"> yang setiap hari mereka akses. Media sosial memungkinkan merek dapat terkenal oleh target pasar spesifik secara luas. Agar merek Anda cepat dikenal oleh target pasar, gunakanlah <\/span><i><span style=\"font-weight: 400;\">fitur promotion<\/span><\/i><span style=\"font-weight: 400;\"> atau iklan. Selain itu <\/span><i><span style=\"font-weight: 400;\">umbrella branding<\/span><\/i><span style=\"font-weight: 400;\"> juga dapat perusahaan tingkatkan dengan bekerja sama dengan<\/span><i><span style=\"font-weight: 400;\"> influencer <\/span><\/i><span style=\"font-weight: 400;\">yang aktif di media sosial.\u00a0<\/span><\/p>\n<h3 id=\"e\"><span style=\"font-weight: 400;\">Awasi keseluruhan proses produksi agar hasil terjamin\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pada<\/span><i><span style=\"font-weight: 400;\"> umbrella branding<\/span><\/i><span style=\"font-weight: 400;\">, proses produksi memegang peranan penting. Perencanaan yang matang dan update berkala harus selalu perusahaan lakukan demi menjawab kebutuhan konsumen yang selalu berubah-ubah. Dalam hal produksi dengan menerapkan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/forecasting-adalah\/\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">metode forecasting<\/span><\/i><\/a><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\">Metode ini mewajibkan perusahaan untuk memiliki kemampuan prediksi permintaan konsumen. Hal ini bisa perusahaan lakukan dengan mengikuti perkembangan tren yang ada dan memperhatikan data riwayat penjualan dan inventaris perusahaan. <\/span><span style=\"font-weight: 400;\">Selain itu, menekan jumlah angka pengeluaran, hal ini juga bertujuan untuk dapat membantu memaksimalkan ruang penyimpanan yang sering kali terbatas.\u00a0<\/span><\/p>\n<h3 id=\"f\"><span style=\"font-weight: 400;\">Jaga citra baik perusahaan dalam aspek apapun<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Untuk menjaga citra baik bagi perusahaan dengan menggelar sebuah event berskala nasional atau internasional yang mana pada <\/span><i><span style=\"font-weight: 400;\">event-event <\/span><\/i><span style=\"font-weight: 400;\">seperti ini terbukti dapat menarik perhatian berbagai pihak untuk bekerja sama dengan perusahaan Anda ataupun juga dalam membangun citra perusahaan yang positif pada kalangan pelanggan. Dari sisi pencari kerja, menggelar<\/span><i><span style=\"font-weight: 400;\"> event <\/span><\/i><span style=\"font-weight: 400;\">akbar sudah pasti akan membuat perusahaan Anda bisa naik ke peringkat pertama untuk dapat mengirimkan surat lamaran. Jika memang perusahaan\u00a0 Anda butuhkan untuk mengundang pihak media untuk dapat mempromosikan <\/span><i><span style=\"font-weight: 400;\">event <\/span><\/i><span style=\"font-weight: 400;\">Anda ke masyarakat luas.\u00a0 <\/span><span style=\"font-weight: 400;\">Anda dapat menggunakan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Software Marketing Automation<\/span><\/a> <span style=\"font-weight: 400;\">terbaik di Indonesia guna untuk membangun citra perusahaan Anda.\u00a0<\/span><\/p>\n<h3 id=\"g\"><span style=\"font-weight: 400;\">Lakukan evaluasi berkala terhadap setiap produk<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Mengevaluasi bisnis secara teratur dapat membantu perusahaan Anda dalam mengidentifikasi bagaimana Anda dapat memposisikan pasar yang telah Anda terapkan dengan semaksimal mungkin dan memutuskan ke mana bisnis Anda akan mengarah seperti apa untuk kedepannya. Pada evaluasi tersebut nantinya dapat mengarah pada penyampaian strategi baru yang nantinya mungkin jauh lebih efektif dan efisien pada setiap produk yang nantinya akan perusahaan hasilkan.\u00a0<\/span><\/p>\n<h3 id=\"h\"><span style=\"font-weight: 400;\">Gunakan software ERP untuk pengelolaan lebih optimal<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Penggunaan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/sistem-erp\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Software ERP<\/span><\/i><\/a><span style=\"font-weight: 400;\"> dalam perusahaan merasa cukup memberikan kontribusi yang besar, terutama pada era digitalisasi seperti saat ini. Sistem modular yang mana mampu mengintegrasikan tiap unit bisnis yang ada dalam perusahaan menjadi satu akses tentu akan mempermudah pada tiap proses bisnis perusahaan, sehingga dalam pelaksanaan kegiatan produksi hingga <\/span><i><span style=\"font-weight: 400;\">selling<\/span><\/i><span style=\"font-weight: 400;\"> akan menjadi lebih efektif dan efisien dibandingkan proses manual yang masih mengandalkan banyak SDM untuk dapat terlibat pada dalamnya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, konsep <\/span><span style=\"font-weight: 400;\">ERP<\/span><span style=\"font-weight: 400;\"> menjadi sistem yang perusahaan terapkan pada perusahaan yang mana mampu untuk mendukung unit bisnis untuk menjadi lebih praktis, bahkan dari data dan informasi pada dashboard yang terdapat pada sistem <\/span><span style=\"font-weight: 400;\">ERP<\/span><span style=\"font-weight: 400;\"> terbaik. Bukan hanya itu, pembuatan<\/span> <a href=\"https:\/\/www.hashmicro.com\/id\/sistem-erp\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sistem ERP<\/span><\/a><span style=\"font-weight: 400;\"> juga mampu meminimalisir kesalahan yang bisa saja terjadi secara sengaja maupun tidak tersengaja oleh karyawan.\u00a0<\/span><\/p>\n<h2 id=\"4\"><b>Kesimpulan<\/b><\/h2>\n<p>Umbrella branding adalah kunci dalam mempertahankan loyalitas pelanggan, dan melalui pelaksanaan yang tepat, Anda bisa menciptakan hubungan jangka panjang dengan mereka.<\/p>\n<p>Untuk mendukung upaya ini, <a href=\"https:\/\/www.hashmicro.com\/id\/software-marketing-automation\">HashMicro Marketing Automation Software<\/a> menawarkan solusi otomatisasi yang membantu mengelola kampanye pemasaran Anda dengan efisien.<\/p>\n<p>Dengan sistem ini, Anda dapat memperkuat interaksi pelanggan dan meningkatkan penjualan dengan lebih mudah. <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">Coba demo gratis sekarang<\/a>\u00a0dan lihat bagaimana software ini dapat mengoptimalkan strategi pemasaran dan mempercepat pertumbuhan bisnis Anda!<\/p>\n<p><span data-sheets-root=\"1\"><a href=\"https:\/\/www.hashmicro.com\/id\/penjualan?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/03\/CTA-BLOG-18.png.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/03\/CTA-BLOG-18.png.webp\" data-mobile-src=\"\" alt=\"MarketingAutomation\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand yang kuat dan terkenal di berbagai belahan dunia. Biasanya produk-produk seperti ini telah memiliki kepercayaan dari masyarakat luas. Pentingnya umbrella branding dalam strategi perusahaan Anda sangat diperlukan serta memiliki tujuan agar setiap produk yang akan dikeluarkan [&hellip;]<\/p>\n","protected":false},"author":165,"featured_media":140364,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[507],"tags":[],"class_list":{"0":"post-51117","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-marketing-automation"},"acf":{"post_reviewer":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mengenal Umbrella Branding serta Strategi Menjalankannya<\/title>\n<meta name=\"description\" content=\"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Umbrella Branding serta Strategi Menjalankannya\" \/>\n<meta property=\"og:description\" content=\"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-05T04:28:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-06T03:55:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Novi Herawati\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Novi Herawati\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/\"},\"author\":{\"name\":\"Novi Herawati\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/685b29538f3b84216a3584178a792653\"},\"headline\":\"Mengenal Umbrella Branding serta Strategi Menjalankannya\",\"datePublished\":\"2024-01-05T04:28:55+00:00\",\"dateModified\":\"2025-03-06T03:55:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/\"},\"wordCount\":1273,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png\",\"articleSection\":[\"Marketing Automation\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/\",\"name\":\"Mengenal Umbrella Branding serta Strategi Menjalankannya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png\",\"datePublished\":\"2024-01-05T04:28:55+00:00\",\"dateModified\":\"2025-03-06T03:55:32+00:00\",\"description\":\"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png\",\"width\":1200,\"height\":650,\"caption\":\"Umbrella Branding\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-umbrella-branding-serta-strategi-menjalankannya\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal Umbrella Branding serta Strategi Menjalankannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hashmicro\",\"https:\\\/\\\/x.com\\\/hashmicro\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/685b29538f3b84216a3584178a792653\",\"name\":\"Novi Herawati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Novi-1-96x96.webp\",\"caption\":\"Novi Herawati\"},\"description\":\"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.\",\"sameAs\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"manajemen bisnis\",\"B2B\",\"inovasi bisnis\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/novi-herawati\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mengenal Umbrella Branding serta Strategi Menjalankannya","description":"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/","og_locale":"id_ID","og_type":"article","og_title":"Mengenal Umbrella Branding serta Strategi Menjalankannya","og_description":"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-01-05T04:28:55+00:00","article_modified_time":"2025-03-06T03:55:32+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png","type":"image\/png"}],"author":"Novi Herawati","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Novi Herawati","Estimasi waktu membaca":"8 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/"},"author":{"name":"Novi Herawati","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653"},"headline":"Mengenal Umbrella Branding serta Strategi Menjalankannya","datePublished":"2024-01-05T04:28:55+00:00","dateModified":"2025-03-06T03:55:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/"},"wordCount":1273,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png","articleSection":["Marketing Automation"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/","name":"Mengenal Umbrella Branding serta Strategi Menjalankannya","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png","datePublished":"2024-01-05T04:28:55+00:00","dateModified":"2025-03-06T03:55:32+00:00","description":"Branding adalah komponen penting untuk meningkatkan penjualan pada suatu bisnis. Mungkin Anda telah melihat suatu produk yang memiliki brand","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/01\/mengenal-umbrella-branding-serta-strategi-menjalankannya-hashmicro.png","width":1200,"height":650,"caption":"Umbrella Branding"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-umbrella-branding-serta-strategi-menjalankannya\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengenal Umbrella Branding serta Strategi Menjalankannya"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653","name":"Novi Herawati","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","caption":"Novi Herawati"},"description":"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"Perempuan","knowsAbout":["manajemen bisnis","B2B","inovasi bisnis"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/novi-herawati\/"}]}},"focus_keyword":"Umbrella Branding","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/51117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=51117"}],"version-history":[{"count":4,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/51117\/revisions"}],"predecessor-version":[{"id":146490,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/51117\/revisions\/146490"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/140364"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=51117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=51117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=51117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}