{"id":24946,"date":"2025-05-02T08:04:19","date_gmt":"2025-05-02T08:04:19","guid":{"rendered":"https:\/\/www.hashmicro.com\/ph\/blog\/?p=24946"},"modified":"2025-12-29T06:14:44","modified_gmt":"2025-12-29T06:14:44","slug":"esg-vs-csr","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/","title":{"rendered":"ESG vs CSR: What Every Smart Business Leader Needs to Know in 2026"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Nais mo bang palaguin ang tiwala ng investors, pero &#8216;di ka sure kung sapat pa ba ang CSR strategy mo? Or maybe you&#8217;re wondering if ESG still matters, especially now that some companies are starting to avoid using the term altogether?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although <\/span><a href=\"https:\/\/www.keyesg.com\/article\/50-esg-statistics-you-need-to-know-in-2024\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">90% of S&amp;P 500 companies <\/span><\/a><span style=\"font-weight: 400;\">reported on ESG just a few years ago, recent patterns show a shift in how it\u2019s communicated. In 2023, 40% of S&amp;P 100 firms<\/span><a href=\"https:\/\/www.prnewswire.com\/news-releases\/last-year-just-25-of-big-companies-used-esg-in-their-report-titles-the-slowdown-continues-in-2025-302441386.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> used \u201cESG\u201d in report titles<\/span><\/a><span style=\"font-weight: 400;\">. By 2026, that dropped to just 6%, as more companies responded to public and political backlash.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But let\u2019s be clear: while the name \u201cESG\u201d is being used less, the practices behind it remain essential. CSR, once seen as interchangeable with ESG, is still a core part of how companies show responsibility. From emissions tracking to ethical labour and governance, both remain key to earning trust.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This article breaks down the difference between ESG and CSR, examines how the two work together, and explores whether ESG still has a place in your business strategy today.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-demo-gratis.webp\" alt=\"FreeDemo\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/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<p><span style=\"font-weight: 400;\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Contents\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\">Content Lists<\/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\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 20px 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  padding-top: 20px;\r\n  margin-top: 0px;\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: 84% !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<\/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\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\/\/ Function to handle click on all <a> elements with href starting with #\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\/\/ Add event listener for all <a> elements in toc-list and 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 class 'td-post-content'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within the article\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');\r\n\r\n\/\/ Sticky TOC and update heading\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 + 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.innerWidth < 767){\r\n\t\t\ttocTitle.textContent = 'Table of Contents'; \/\/ 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\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  tocTitle.textContent = 'Table of Contents'; \/\/ 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        tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\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 = 'Table of Contents'; \/\/ 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\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}\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 = 'Table of Contents'; \/\/ 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\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\/\/             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        } 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\t\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        let headerCounter = 0; \/\/ Counter to generate unique IDs\r\n\r\n\t\t\/\/ Function to generate ID in header0, header1, etc. format\r\n\t\tfunction formatId() {\r\n\t\t\treturn `header-${headerCounter++}`; \/\/ ID format: header0, header1, etc.\r\n\t\t}\r\n\r\n\/\/ \t\tfunction formatId(text) {\r\n\/\/             return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n\/\/         }\r\n\t\r\n        \/\/ Function to create 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        \/\/ Object to store list of h2 and h3 with their titles\r\n        const headings = [];\r\n\r\n           \/\/ Get all h2 and h3 elements\r\n        \/\/ Get all h2 and h3 elements\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h2 element\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Hide Key Takeaways di ToC\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 = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h3 element\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       \/\/ Create HTML list from headings object\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}`; \/\/ Use the newly generated ID\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\/\/ Get ul element with id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Get content (child elements) from ul with id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Get ul element with id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Add content obtained from 'list_toc' to ul with id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Function to get navbar height\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\/\/ Function to add scroll position offset\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\/\/ Function to handle title link click\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\/\/ Add event listener for all title links\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});\r\n    <\/script> -->\r\n<\/span><\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"#1\"><b>ESG<\/b><\/a><span style=\"font-weight: 400;\"> refers to measurable environmental, social, and governance practices that support sustainable business operations.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"#2\"><b>CSR<\/b><\/a><span style=\"font-weight: 400;\"> is a values-driven approach that focuses on community engagement and ethical responsibility.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><a href=\"#3\"><b>difference between ESG and CSR<\/b><\/a><span style=\"font-weight: 400;\"> lies in intent, integration, and measurability, though both can work together.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"#4\">ESG and CSR remain essential<\/a> in building trust, attracting investors, and aligning with stakeholder expectations. <\/span><\/li>\n<li style=\"font-weight: 400;\">Businesses can streamline their ESG and CSR implementation through smart digital tools like <a href=\"https:\/\/www.hashmicro.com\/ph\/hash-core-erp-software\"><b style=\"font-family: inherit; font-size: inherit;\">HashMicro\u2019s ERP software<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<div class=\"td-paragraph-padding-4\">\n<p><style>\r\n.button-cta-custom {\r\n    background-color: #8a0e19;\r\n    color: #fff !important;\r\n    -webkit-transition: all .3s ease;\r\n    transition: all .3s ease;\r\n    padding: 8px 24px;\r\n    display: inline-block;\r\n    border-radius: 8px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n}\r\n.button-cta-custom:hover{\r\n\tbackground-color:#991b26\t\t\r\n}\r\n<\/style>\r\n<a class=\"button-cta-custom\" href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=cta-button\" target=\"_blank\">Click Here to Get the Free Demo!<\/a><span id=\"1\"><\/span><\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>What is ESG?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Understanding <\/span>ESG vs CSR<span style=\"font-weight: 400;\"> starts with what <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-environmental-social-governance-meaning\/\"><span style=\"font-weight: 400;\">ESG <\/span><\/a><span style=\"font-weight: 400;\">stands for: environmental, social, and governance. These three areas help define how a company delivers value not just to shareholders, but to people and the planet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Environmental factors include emissions, energy use, waste management, and handling of natural resources. Social criteria focus on workplace safety, employee rights, customer relationships, and how companies support surrounding communities.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Governance involves leadership quality, board accountability, transparency, and fair business practices. Strong governance ensures that operations stay ethical and aligned with long-term goals.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although some companies are stepping away from the ESG label in public reporting, many still follow its principles. The shift is more about language than intention, with terms like &#8220;impact&#8221; or &#8220;sustainability&#8221; now often used to describe the same goals.<span id=\"2\"><\/span><\/span><\/p>\n<h2><b>What is CSR?<\/b><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-24962\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR.webp\" alt=\"CSR\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/What-is-CSR-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Corporate Social Responsibility (CSR)<\/b><span style=\"font-weight: 400;\"> is a business approach that emphasizes the company\u2019s duty to contribute positively to society. It focuses on creating social and environmental value alongside financial goals, often through community programs, donations, or ethical practices.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSR initiatives can include reducing carbon footprints, supporting employee well-being, improving labor conditions, or partnering with local causes. The goal is to build trust by demonstrating that a business cares about people and the planet. This boosts public image and attracts customers, investors, and top talent.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To better understand what is the difference between ESG and CSR, it\u2019s helpful to see CSR as a reflection of company values. ESG, on the other hand, is how those values are put into measurable action.<span id=\"3\"><\/span><\/span><\/p>\n<h2><b>ESG vs CSR<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If you\u2019re asking, <\/span><i><span style=\"font-weight: 400;\">is CSR and ESG the same<\/span><\/i><span style=\"font-weight: 400;\">? The answer is no. Although ESG and CSR both focus on corporate responsibility, their intent, structure, and business impact are very different. The table below outlines the main points of comparison.<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: center;\"><b>Aspect<\/b><\/td>\n<td style=\"text-align: center;\"><b>CSR\u00a0<\/b><\/td>\n<td style=\"text-align: center;\"><b>ESG\u00a0<\/b><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><b>Focus<\/b><\/td>\n<td style=\"text-align: left;\"><span style=\"font-weight: 400;\">Voluntary programs and philanthropy<\/span><\/td>\n<td style=\"text-align: left;\"><span style=\"font-weight: 400;\">Integrated into business strategy and operations<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><b>Objective<\/b><\/td>\n<td style=\"text-align: left;\"><span style=\"font-weight: 400;\">Builds positive brand image and community relations<\/span><\/td>\n<td style=\"text-align: left;\"><span style=\"font-weight: 400;\">Drives long-term business value and meets investor expectations<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><b>Measurement<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Hard to quantify and often self-regulated<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Based on measurable indicators like emissions, diversity, and compliance<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><b>Integration<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Treated as an add-on or side initiative<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Embedded in core decision-making, risk management, and planning<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><b>Impact Scope<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Short-term goodwill and public perception<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Long-term reputation, financial performance, and sustainable growth<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">While both approaches contribute to corporate responsibility, the relation between CSR and ESG lies in their evolution. CSR began as a way for companies to give back to society, often through donations, volunteerism, or ethical business practices. It was largely unstructured and driven by public image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Over time, ESG emerged to structure that same intent. It introduced defined metrics, like emissions, labor standards, and board diversity, so stakeholders could assess a company\u2019s sustainability in clear, measurable terms.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One key difference between ESG and CSR is the level of accountability. CSR tells a story about company values. ESG provides evidence. And that makes ESG more relevant to investors and regulators.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although some businesses use both, CSR often helps with internal culture and brand identity, while ESG provides external stakeholders, such as investors, with tangible data to assess a company&#8217;s sustainability. Simply said, CSR vs ESG reflects a shift from voluntary good deeds to measurable, strategic impact.<span id=\"4\"><\/span><\/span><\/p>\n<h2><b>Why are ESG and CSR Important?<\/b><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-24959\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important.webp\" alt=\"ESG and CSR Important\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/Why-are-ESG-and-CSR-Important-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Both ESG and CSR play a critical role in shaping a company\u2019s reputation, competitiveness, and long-term success. These approaches show that a business is committed not only to profit but also to people and the planet, something stakeholders increasingly expect.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs, especially on issues like sustainability, labor rights, and ethical governance. Businesses that adopt ESG and CSR practices can build stronger loyalty and trust.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSR helps improve public perception by showing a company\u2019s dedication to social good. Community programs, ethical labor policies, and employee wellness initiatives all contribute to a stronger brand image and deeper stakeholder engagement.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the other hand, ESG gives companies a measurable way to prove that impact. Through clear targets and reporting, it helps attract responsible investment and ensures companies stay ahead of compliance and risk expectations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To support these efforts, many companies are using <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-software\/\"><span style=\"font-weight: 400;\">ESG software<\/span><\/a><span style=\"font-weight: 400;\">. These platforms simplify the process of tracking sustainability goals, automating reports, and aligning business practices with growing regulatory and investor demands.<\/span><\/p>\n<h2><b>Which Approach is Better \u2013 ESG vs CSR?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">ESG focuses on specific, trackable areas such as carbon emissions, deforestation, waste reduction, and water efficiency. It also includes labor fairness, diversity, executive pay, and corporate ethics. These elements help identify operational and reputational risks.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While ESG and CSR both promote responsible business, they differ in structure and approach. CSR reflects a company\u2019s values through community action and ethical behavior. ESG builds on that by aligning those values with measurable business performance.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Many businesses combine both strategies to cover internal culture and external accountability. CSR can raise awareness and promote positive branding. ESG provides metrics and transparency that investors, regulators, and long-term partners expect.<\/span><\/p>\n<h2><b>Is CSR and ESG Still Relevant Today?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In recent years, the terms CSR and ESG have faced growing scepticism in public and political circles. Because of this, some companies have started to avoid using the label, even as they continue applying the same sustainability and governance practices in the background. Instead of dropping the approach, they\u2019re simply shifting how they talk about it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While the language may evolve, the principles behind both CSR and ESG remain firmly embedded in business operations. According to <\/span><a href=\"https:\/\/www.conference-board.org\/press\/climate-disclosure-and-sustainability-terminology\"><span style=\"font-weight: 400;\">The Conference Board<\/span><\/a><span style=\"font-weight: 400;\">, 87% of S&amp;P 500 companies disclosed climate-related targets in 2024, consistent with the year before, proving that the work hasn\u2019t stopped.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Today, many companies use terms like \u201csustainability\u201d or \u201cimpact\u201d in place of ESG to reduce backlash, yet their initiatives remain aligned with stakeholder expectations. Meanwhile, CSR continues to play a vital role in brand image and social responsibility, especially in communities where long-term engagement still matters.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What\u2019s shifting is the terminology, not the action. Whether labeled ESG or CSR, businesses still rely on these frameworks to reduce risk, improve governance, and attract value-driven investors. Their relevance stays strong, especially when backed by transparency and measurable impact.<\/span><\/p>\n<h2><b>How to Implement ESG and CSR for Business<\/b><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-24961\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business.webp\" alt=\" Implement ESG and CSR\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business.webp 1200w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-300x169.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-768x432.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-747x420.webp 747w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-150x84.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-696x392.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/How-to-Implement-ESG-and-CSR-for-Business-1068x601.webp 1068w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Applying ESG and CSR requires aligning actions with your company\u2019s purpose. While CSR often focuses on external impact, ESG integrates that impact into your operations, metrics, and governance.<\/span><\/p>\n<h3><b>Implementing CSR initiatives<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSR programs are typically community-oriented. Businesses may offer scholarships or build local school facilities to improve education near their operational areas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">During emergencies, CSR can involve disaster relief through food, medicine, or financial support. These efforts strengthen trust with communities and show a genuine social commitment.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Environmental CSR may include organizing clean-up programs, planting trees, or running awareness campaigns on conservation. These initiatives reflect a company\u2019s concern for the environment and its public image.<\/span><\/p>\n<h3><b>Putting ESG into business operations<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">ESG programs are built on structured policies. In <\/span><b>environmental <\/b><span style=\"font-weight: 400;\">areas, companies reduce emissions, use renewable energy, and manage natural resources with sustainability in mind. These actions are tied to long-term business and regulatory outcomes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the <\/span><b>social <\/b><span style=\"font-weight: 400;\">side, ESG includes fair labor practices, employee safety, wellness programs, and inclusion. Many companies also support social initiatives through long-term partnerships that reflect business values and community needs.<\/span><\/p>\n<p><b>Governance <\/b><span style=\"font-weight: 400;\">focuses on transparency, ethical leadership, and accountability. Businesses improve trust by sharing financial data clearly and involving stakeholders in decisions that impact strategy, growth, and long-term risk.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When ESG and CSR align, they enhance business impact. As these programs expand, particularly in environmental areas, companies increasingly adopt digital tools. For instance, ERP solutions track emissions, manage resources, and ensure compliance. Explore Hashmicro&#8217;s features and pricing by clicking the banner below.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/offer\/download-erp-pricing-list?medium=banner-article\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-skema-harga.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-skema-harga.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-skema-harga.webp\" alt=\"SkemaHarga\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/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<h2><b>Challenges in Implementing ESG and CSR<\/b><\/h2>\n<p>While many companies recognize the value of ESG and CSR, putting them into practice is not always straightforward. Several challenges can slow down or complicate implementation. Here are the challenges often faced by the companies:<\/p>\n<h3><b>1. Limited understanding of ESG and CSR<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Some businesses still lack a full grasp of how CSR and ESG work or why they matter. Without this understanding, efforts often fall short or don\u2019t align with actual sustainability goals. This results in activities that feel disconnected from business strategy.<\/span><\/p>\n<h3><b>2. Lack of resources<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Rolling out meaningful ESG and CSR programs takes time, budget, and people. For many companies (especially mid-sized firms), resource limitations can hold back progress or lead to minimal, one-off initiatives instead of long-term impact.<\/span><\/p>\n<h3><b>3. Difficulty measuring results<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Assessing the success of ESG and CSR efforts can be complex. It often involves tracking multiple data points across environmental, social, and governance metrics. Without the right tools, it\u2019s tough to evaluate whether the programs are truly working.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fortunately, tools like ESG software can help simplify this process. By automating tracking and offering clear dashboards, businesses can better monitor emissions, energy use, diversity metrics, and employee welfare, making it easier to turn goals into action.<\/span><\/p>\n<h2><b>Improve ESG and CSR Effectiveness Using HashMicro\u2019s ESG Software<\/b><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard.webp\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-19198\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard.webp\" alt=\"hashmicro erp ph dashboard\" width=\"1737\" height=\"1200\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard.webp 1737w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-300x207.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-1024x707.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-768x531.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-1536x1061.webp 1536w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-608x420.webp 608w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-150x104.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-218x150.webp 218w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-696x481.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-1068x738.webp 1068w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/03\/hashmicro-erp-ph-dashboard-100x70.webp 100w\" sizes=\"(max-width: 1737px) 100vw, 1737px\" \/><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">To ensure ESG and CSR initiatives deliver real value, companies need a solution that simplifies implementation while making results easier to track, report, and manage. That\u2019s where digital tools become essential.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With an integrated, data-driven system, businesses can monitor performance, find areas for improvement, and maintain transparency across departments. <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/hash-core-erp-software\"><span style=\"font-weight: 400;\">HashMicro\u2019s ERP<\/span><\/a><span style=\"font-weight: 400;\"> is designed to help companies implement and manage sustainability strategies more effectively.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some key features that support ESG and CSR goals:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Automated ESG reporting<\/b><span style=\"font-weight: 400;\">: Generate comprehensive ESG reports effortlessly with real-time data collection and analysis, ensuring accuracy and compliance with local and global sustainability standards.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Carbon footprint &amp; energy monitoring<\/b><span style=\"font-weight: 400;\">: Track and measure energy consumption, emissions, and waste management to help businesses reduce their environmental impact.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Regulatory compliance management<\/b><span style=\"font-weight: 400;\">: Stay current with evolving ESG regulations and streamline compliance processes with automated documentation and audit-ready reports.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Social responsibility tracking<\/b><span style=\"font-weight: 400;\">: Monitor workplace diversity, employee well-being, and corporate social responsibility (CSR) initiatives to strengthen stakeholder trust.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Governance &amp; risk assessment<\/b><span style=\"font-weight: 400;\">: Improve corporate governance by managing policies, ethical business practices, and risk assessment to ensure transparency and accountability.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Supply chain sustainability<\/b><span style=\"font-weight: 400;\">: Assess suppliers&#8217; ESG performance to ensure ethical sourcing and sustainable procurement practices.<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Best for<\/strong>: Large enterprises, corporations, manufacturing, retailers, and e-commerce companies.<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">With these features, businesses can manage their ESG and CSR programs more efficiently while building long-term credibility.<\/span><\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">ESG and CSR play critical roles in building a responsible and sustainable business. While CSR emphasizes social values and ethical engagement, ESG brings structure and measurability to these efforts. Understanding the strengths of each helps businesses stay relevant, build trust, and grow with purpose.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To manage these initiatives efficiently, companies need more than manual processes. <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/hash-core-erp-software\"><span style=\"font-weight: 400;\">HashMicro\u2019s ESG<\/span><\/a><span style=\"font-weight: 400;\"> software provides real-time tracking, structured reporting, and full integration. From carbon tracking to stakeholder reporting, everything runs in one system.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ready to streamline your ESG and CSR strategy? Book a <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/\"><span style=\"font-weight: 400;\">free demo<\/span><\/a><span style=\"font-weight: 400;\"> with HashMicro today and discover how the platform can support your sustainability goals while aligning with long-term business performance.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h2><strong>FAQ About ESG vs CSR<br \/>\n<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details open=\"open\">\n<summary><strong>Why are accountants increasingly playing a role in CSR and ESG reporting?<br \/>\n<\/strong><\/summary>\n<p class=\"\" data-start=\"110\" data-end=\"369\">Because ESG and CSR now involve measurable outcomes like carbon emissions, diversity metrics, and governance scores, accountants are helping standardize reporting, ensure data accuracy, and comply with disclosure standards such as the GRI and ISSB frameworks.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Does ESG fall under corporate governance?<br \/>\n<\/strong><\/summary>\n<p>Yes, governance is one of the three ESG pillars. It includes ethical leadership, board structure, transparency, and stakeholder accountability<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>What are the four CSR activities?<br \/>\n<\/strong><\/summary>\n<p>The four common areas of CSR include environmental responsibility, ethical labor practices, philanthropy, and volunteerism. These activities show a company\u2019s commitment to social good.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>How do ESG and CSR affect investor perception?<br \/>\n<\/strong><\/summary>\n<p>Investors often see ESG as a risk-management tool, while CSR reflects brand values. Together, they can improve trust, demonstrate accountability, and increase access to long-term capital.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Can ESG be applied without using the ESG label?<br \/>\n<\/strong><\/summary>\n<p>Yes. Many companies are rebranding ESG efforts as \u201csustainability\u201d or \u201cimpact\u201d to avoid political pushback, while still applying the same data-driven strategies behind the scenes.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Nais mo bang palaguin ang tiwala ng investors, pero &#8216;di ka sure kung sapat pa ba ang CSR strategy mo? Or maybe you&#8217;re wondering if ESG still matters, especially now that some companies are starting to avoid using the term altogether? Although 90% of S&amp;P 500 companies reported on ESG just a few years ago, [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":24960,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[236],"tags":[],"class_list":{"0":"post-24946","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-esg"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ESG vs CSR: What Business Leaders Needs to Know in 2026<\/title>\n<meta name=\"description\" content=\"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.\" \/>\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\/ph\/blog\/esg-vs-csr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ESG vs CSR: What Every Smart Business Leader Needs to Know in 2026\" \/>\n<meta property=\"og:description\" content=\"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Philippine Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-02T08:04:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T06:14:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Rafael Reyes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Reyes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/\",\"name\":\"ESG vs CSR: What Business Leaders Needs to Know in 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp\",\"datePublished\":\"2025-05-02T08:04:19+00:00\",\"dateModified\":\"2025-12-29T06:14:44+00:00\",\"author\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/ab58afba9eb41616fe4b9d89dbfbb080\"},\"description\":\"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#breadcrumb\"},\"inLanguage\":\"en-PH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp\",\"width\":1200,\"height\":675,\"caption\":\"ESG vs CSR\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ESG vs CSR: What Every Smart Business Leader Needs to Know in 2026\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\",\"name\":\"HashMicro Philippine Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-PH\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/ab58afba9eb41616fe4b9d89dbfbb080\",\"name\":\"Rafael Reyes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Rafael-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Rafael-96x96.webp\",\"caption\":\"Rafael Reyes\"},\"description\":\"Rafael Reyes develops in-depth ERP content that explains how integrated systems drive efficiency across business operations. His writing covers implementation strategies, module breakdowns, and success metrics, making it valuable for decision-makers.\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/author\/rafael-reyes\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"ESG vs CSR: What Business Leaders Needs to Know in 2026","description":"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.","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\/ph\/blog\/esg-vs-csr\/","og_locale":"en_US","og_type":"article","og_title":"ESG vs CSR: What Every Smart Business Leader Needs to Know in 2026","og_description":"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.","og_url":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/","og_site_name":"HashMicro Philippine Blog","article_published_time":"2025-05-02T08:04:19+00:00","article_modified_time":"2025-12-29T06:14:44+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp","type":"image\/webp"}],"author":"Rafael Reyes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rafael Reyes","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/","name":"ESG vs CSR: What Business Leaders Needs to Know in 2026","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp","datePublished":"2025-05-02T08:04:19+00:00","dateModified":"2025-12-29T06:14:44+00:00","author":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/ab58afba9eb41616fe4b9d89dbfbb080"},"description":"Today\u2019s investors and consumers are more value-driven. Many are willing to support brands that reflect their beliefs.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#breadcrumb"},"inLanguage":"en-PH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/"]}]},{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#primaryimage","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/05\/ESG-vs-CSR.webp","width":1200,"height":675,"caption":"ESG vs CSR"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/esg-vs-csr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/ph\/blog\/"},{"@type":"ListItem","position":2,"name":"ESG vs CSR: What Every Smart Business Leader Needs to Know in 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website","url":"https:\/\/www.hashmicro.com\/ph\/blog\/","name":"HashMicro Philippine Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-PH"},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/ab58afba9eb41616fe4b9d89dbfbb080","name":"Rafael Reyes","image":{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Rafael-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Rafael-96x96.webp","caption":"Rafael Reyes"},"description":"Rafael Reyes develops in-depth ERP content that explains how integrated systems drive efficiency across business operations. His writing covers implementation strategies, module breakdowns, and success metrics, making it valuable for decision-makers.","url":"https:\/\/www.hashmicro.com\/ph\/blog\/author\/rafael-reyes\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/24946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/comments?post=24946"}],"version-history":[{"count":9,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/24946\/revisions"}],"predecessor-version":[{"id":30329,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/24946\/revisions\/30329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media\/24960"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media?parent=24946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/categories?post=24946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/tags?post=24946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}