// review us button code window.addEventListener('articleload', ()=> { if (window.location.href.includes('widgets')){ debugger g2('write-a-review', { productSlug: 'g2-seller-solutions', host: "https://www.g2.com", element: document.getElementById('g2-write-a-review-container'), buttonText: "Write a G2 Review", buttonColor: "#5A39A2", buttonHoverColor: "#3b2569", buttonTextColor: "#fff" }) } }) window.addEventListener('DOMContentLoaded', ()=> { console.log(window.location.href.includes('widgets')) g2('write-a-review', { productSlug: 'g2-seller-solutions', host: "https://www.g2.com", element: document.getElementById('g2-write-a-review-container'), buttonText: "Write a G2 Review", buttonColor: "#5A39A2", buttonHoverColor: "#3b2569", buttonTextColor: "#fff" }) }) //add dividers to IA function addDividers(){ let dividedItems = ['Get started with G2', 'Product Suites', 'Integrations', 'G2 API'] let sidebar = [...document.getElementsByClassName('article-title')] sidebar.forEach((item) => { if (dividedItems.includes(item.textContent)){ let divider = document.createElement('hr') item.parentNode.parentNode.parentNode.insertBefore(divider, item.parentNode.parentNode.nextSibling) } }) } window.addEventListener('load', () => { addDividers() }); window.onload = function() { if (window.location.href.indexOf("supplemental-report-dates") > -1) { window.location.replace("https://research.g2.com/methodology/research-agenda"); } if (window.location.href.indexOf("supplemental-gift-card") > -1) { window.location.replace("https://help.g2.com/hc/en-us/articles/360029873431-where-is-my-gift-card-"); } if (window.location.href.indexOf("supplemental-admin-access") > -1) { window.location.replace("https://support.g2.com/s/article/how-to-give-administrative-access-via-invite"); } }; function addCollapsibleListener(){ let button = document.createElement('button') button.setAttribute('aria-expanded', 'false') button.setAttribute('tabindex', '0') button.textContent='Show' let collapsibleWrapper= [...document.querySelectorAll('.collapsible-wrapper')] collapsibleWrapper.forEach(wrapper => { let button = document.createElement('button') button.setAttribute('aria-expanded', 'false') button.setAttribute('tabindex', '0') button.textContent='Show ' wrapper.appendChild(button) }) const collapsibleButton = [...document.querySelectorAll('.collapsible-wrapper > button')] collapsibleButton.forEach( button => { button.addEventListener( 'click', e => { button.parentNode.querySelector('.collapsible').classList.toggle('active'); e.preventDefault(); if (button.parentNode.querySelector('.collapsible').classList.contains('active')){ button.textContent = 'Hide' button.setAttribute('aria-expanded', 'true') } else { button.textContent = 'Show' button.setAttribute('aria-expanded', 'false') button.parentNode.previousElementSibling.previousElementSibling.previousElementSibling.previousElementSibling.scrollIntoView({block: "start"}) } }) button.addEventListener('keydown', e => { if (e.which === 32 || e.which === 13) { e.preventDefault(); button.click(); } if (button.parentNode.querySelector('.collapsible').classList.contains('active')){ button.textContent = 'Hide' button.setAttribute('aria-expanded', 'true') } else { button.textContent = 'Show' button.setAttribute('aria-expanded', 'false') } ; }) }) } window.addEventListener('DOMContentLoaded', ()=> { if (window.location.href.includes('snowflake') || window.location.href.includes('partners/docs')){ addCollapsibleListener(); } }) window.addEventListener('articleload', ()=> { if (window.location.href.includes('snowflake') || window.location.href.includes('partners/docs')){ addCollapsibleListener(); } }) //add ClientID to vidyard function addClientId(){ const videoDoc = document.querySelector('.vidyard-player-embed') if (!videoDoc){return} let tracker = ga.getAll()[0] let clientID = tracker.get('clientId') let vidyardEmail = clientID + '@clientid.com' videoDoc.setAttribute('data-vyemail', vidyardEmail) } window.addEventListener('load',()=>{ addClientId() }) window.addEventListener('articleload',()=>{ addClientId() }) //vidyard function insertVidyard(){ var script = document.createElement('script'); script.src = "https://play.vidyard.com/embed/v4.js"; script.setAttribute('async',''); document.head.appendChild(script); } window.addEventListener('articleload', () => { insertVidyard() }); window.addEventListener('DOMContentLoaded', () => { insertVidyard() }); function loadLazy(){ var lazyloadImages = [...document.querySelectorAll("#doc_content_block img")] lazyloadImages.forEach(img => { img.setAttribute("loading", "lazy") }) } //urlPreview function urlPreviews(){ const allAnchors = [...document.querySelectorAll('.content_block_text a')] const docAnchors = allAnchors .filter(url => url.href.startsWith('https://documentation.g2')) .filter(url => !url.href.includes(window.location.href)) //filters same-page URLS docAnchors.forEach(anchor => insertFrame(anchor)) docAnchors.forEach(anchor => { anchor.addEventListener('mouseover', () => { const offsetLeft = anchor.getBoundingClientRect().left const offsetRight = window.innerWidth - anchor.getBoundingClientRect().right const offsetTop = anchor.getBoundingClientRect().top const offsetBottom = window.innerHeight - anchor.getBoundingClientRect().bottom const preview = anchor.lastChild const banner = preview.querySelector('.frame-banner') switch (true){ case (offsetLeft >= offsetRight && offsetTop <= 275): preview.style.right = offsetRight+'px' preview.style.top = anchor.getBoundingClientRect().bottom +7 +'px' preview.classList.add('frame-container__bottom-left') banner.classList.add('frame-banner__top') break case (offsetRight >= offsetLeft && offsetTop <= 275): preview.style.left = offsetLeft+'px' preview.style.top = anchor.getBoundingClientRect().bottom +7 +'px' preview.classList.add('frame-container__bottom-right') banner.classList.add('frame-banner__top') break case (offsetLeft >= offsetRight && offsetTop >= 275): preview.style.right = offsetRight+'px' preview.style.bottom = window.innerHeight + 7 - anchor.getBoundingClientRect().top +'px' preview.classList.add('frame-container__top-left') banner.classList.add('frame-banner__bottom') break case (offsetRight >= offsetLeft && offsetTop >= 275): preview.style.left = offsetLeft+'px' preview.style.bottom = window.innerHeight + 7 - anchor.getBoundingClientRect().top +'px' preview.classList.add('frame-container__top-right') banner.classList.add('frame-banner__bottom') break } preview.classList.add('show'); anchor.addEventListener('mouseout', ()=>{ preview.classList.remove('show'); preview.style.removeProperty('top') preview.style.removeProperty('left') preview.style.removeProperty('bottom') preview.style.removeProperty('right') preview.classList.remove('frame-container__bottom-left', 'frame-container__bottom-right', 'frame-container__top-left', 'frame-container__top-right') banner.classList.remove('frame-banner__top', 'frame-banner__bottom') }) document.addEventListener('scroll', ()=>{ preview.classList.remove('show'); preview.style.removeProperty('top') preview.style.removeProperty('left') preview.style.removeProperty('bottom') preview.style.removeProperty('right') preview.classList.remove('frame-container__bottom-left', 'frame-container__bottom-right', 'frame-container__top-left', 'frame-container__top-right') banner.classList.remove('frame-banner__top', 'frame-banner__bottom') }) }) }) function insertFrame(anchor){ const frameDiv = document.createElement("div"); let frameURL = anchor.href frameDiv.innerHTML = ` ` frameDiv.classList.add("frame-container"); anchor.append(frameDiv); } const iframes = [...document.querySelectorAll('.frame-container iframe')] iframes.forEach((frame)=>{ frame.onload = ()=>{ let doc = frame.contentDocument; doc.body.innerHTML = doc.body.innerHTML + ''; } }) } //searchBarPlaceholderText window.addEventListener('load', ()=> { const siteSearchBar=document.getElementById('aa-search-input'); siteSearchBar.placeholder = "What can we help you find?" }) //navigationBehavior function trackClick(){ //get client ID from GA let tracker = ga.getAll()[0] const clientID = tracker.get('clientId') //create node list of sidebar elements const leftNav = document.getElementById('left_sidebar_nav_menu') const navNodes = leftNav.querySelectorAll('.article-title') const navArray = [...navNodes] //add onclick event listeners to nodes for (let item of navArray){ let navName = item.innerHTML item.parentElement.addEventListener("click", (e) => { let eventName = JSON.stringify(new Date()) + " " + navName ga('send', { hitType: 'event', eventCategory: 'IA Tracker', eventAction: clientID, eventLabel: eventName, }); return false }, true) } } window.addEventListener('load', (event) => { //trackClick(); }); window.addEventListener('load', () => { //let tracker = ga.getAll()[0] //const clientID = tracker.get('clientId') }); window.addEventListener('articleload', () => { //let tracker = ga.getAll()[0] //const clientID = tracker.get('clientId') }); //centerImages $('p').has('img').css("text-align","center"); //try to synchronize arrow behavior //function synchronizeArrowIABehavior(){ //const integrationsSpan = document.querySelector("span[onclick*=integrations]"); //const integrationsA = document.querySelector("a[href='/docs/integrations']") //integrationsA.addEventListener('click', function (e) { // if (integrationsA.dataset.option === 'off'){ // if(e.target!=integrationsSpan){ // integrationsSpan.click()} // } //}); //} //window.addEventListener('DOMContentLoaded',()=>{ //synchronizeArrowIABehavior(); //}) //reviewSnapshotWidget //Used in the my.G2 Widgets documentation. function injectReviewSnapshotCode(){ (function (w) { w._g2load = true; function p(i, s) { i = document.getElementById("g2-widg-g2-seller-solutions-21766"); s = "https://www.g2.com/products/widget.embed?id=21766&max=4&product_id=g2-seller-solutions&version=2&wid=1641994725&text_style=text-light"; i.innerHTML = ""; w._g2load = true; } if (w._g2load) p(); w.addEventListener ? w.addEventListener("load", p, false) : w.attachEvent("onload", p); }(window)); }