1"use strict";(globalThis.webpackChunkbambuser_docs||=[]).push([[4089],{15100(e,n,o){o.r(n),o.d(n,{assets:()=>c,contentTitle:()=>h,default:()=>u,frontMatter:()=>d,metadata:()=>i,toc:()=>a});var s=o.cw(function(e,n){const s=o.p+"assets/images/browserFloatingNetwork-e44db6aefcf8e7183f21aa3abedb2657.png";o.d(n,["A",0,s])}),t=o.cw(function(e,n){const s=o.p+"assets/images/fab_id_network_tab-79b87b302425a853fc87cce905b02553.png";o.d(n,["A",0,s])});const i=JSON.parse('{"id":"troubleshooting/fab-not-appearing","title":"FAB Not Appearing on Our Website","description":"Fix FAB not showing: unpublished in BamHub, no associated Live/Recorded show, missing embed code or blocked by cookie banner, wrong widget ID; DevTools.","source":"@site/live/troubleshooting/fab-not-appearing.md","sourceDirName":"troubleshooting","slug":"/troubleshooting/fab-not-appearing","permalink":"/docs/live/troubleshooting/fab-not-appearing","draft":false,"unlisted":false,"tags":[{"inline":true,"label":"live","permalink":"/docs/live/tags/live"}],"version":"current","frontMatter":{"title":"FAB Not Appearing on Our Website","description":"Fix FAB not showing: unpublished in BamHub, no associated Live/Recorded show, missing embed code or blocked by cookie banner, wrong widget ID; DevTools.","slug":"fab-not-appearing","tags":["live"],"hide_table_of_contents":false}}');var r=o(74848),l=o(28453);const d={title:"FAB Not Appearing on Our Website",description:"Fix FAB not showing: unpublished in BamHub, no associated Live/Recorded show, missing embed code or blocked by cookie banner, wrong widget ID; DevTools.",slug:"fab-not-appearing",tags:["live"],hide_table_of_contents:!1},h=void 0,c={},a=[{value:"How to Access Developer Tools",id:"how-to-access-developer-tools",level:2},{value:"Troubleshooting Checklist",id:"troubleshooting-checklist",level:2},{value:"1. <strong>FAB is Unpublished</strong>",id:"1-fab-is-unpublished",level:3},{value:"2. <strong>No Show Associated with the FAB</strong>",id:"2-no-show-associated-with-the-fab",level:3},{value:"3. <strong>FAB is Not Embedded on the Page</strong>",id:"3-fab-is-not-embedded-on-the-page",level:3},{value:"4. <strong>Incorrect FAB ID on the Page</strong>",id:"4-incorrect-fab-id-on-the-page",level:3}];function g(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",hr:"hr",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.p,{children:"If you've added a show to the FAB and embedded it on your website, but the FAB is not appearing, follow this guide to address the most common causes and solutions."}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsx)(n.h2,{id:"how-to-access-developer-tools",children:"How to Access Developer Tools"}),"\n",(0,r.jsx)(n.p,{children:"For some troubleshooting steps, you will need to use your browser's Developer Tools."}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Chrome/Edge:"})," Right-click anywhere on the page, select ",(0,r.jsx)(n.strong,{children:"Inspect"}),", and navigate to the ",(0,r.jsx)(n.strong,{children:"Console"})," or ",(0,r.jsx)(n.strong,{children:"Network"})," tab."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Firefox:"})," Right-click on the page, choose ",(0,r.jsx)(n.strong,{children:"Inspect Element"}),", and open the ",(0,r.jsx)(n.strong,{children:"Console"})," or ",(0,r.jsx)(n.strong,{children:"Network"})," tab."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Safari:"})," Enable ",(0,r.jsx)(n.strong,{children:"Develop Mode"})," in Preferences, then go to ",(0,r.jsx)(n.strong,{children:"Develop > Show Web Inspector"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsx)(n.h2,{id:"troubleshooting-checklist",children:"Troubleshooting Checklist"}),"\n",(0,r.jsxs)(n.h3,{id:"1-fab-is-unpublished",children:["1. ",(0,r.jsx)(n.strong,{children:"FAB is Unpublished"})]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Cause:"})," The FAB widget is set to unpublished in the Bam Hub."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Solution:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Log in to your Bambuser workspace."}),"\n",(0,r.jsxs)(n.li,{children:["Go to ",(0,r.jsx)(n.strong,{children:"Widgets > FAB"}),' and ensure the "Published on website" toggle is enabled.']}),"\n"]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsxs)(n.h3,{id:"2-no-show-associated-with-the-fab",children:["2. ",(0,r.jsx)(n.strong,{children:"No Show Associated with the FAB"})]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Cause:"})," No Live or Recorded show is selected for the FAB widget."]}
1),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Solution:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Log in to your Bam Hub."}),"\n",(0,r.jsxs)(n.li,{children:["Navigate to ",(0,r.jsx)(n.strong,{children:"Widgets > FAB"})," and ensure a show is selected in either the ",(0,r.jsx)(n.strong,{children:"Live"})," or ",(0,r.jsx)(n.strong,{children:"Recorded"})," sections."]}),"\n",(0,r.jsx)(n.li,{children:'For automated setups, verify that the "Auto-select live show" option is enabled if applicable.'}),"\n"]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsxs)(n.h3,{id:"3-fab-is-not-embedded-on-the-page",children:["3. ",(0,r.jsx)(n.strong,{children:"FAB is Not Embedded on the Page"})]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Cause:"})," The FAB embed code is missing from the web page."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"How to Confirm This is the Problem:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Open Developer Tools."}),"\n",(0,r.jsxs)(n.li,{children:["Navigate to the ",(0,r.jsx)(n.strong,{children:"Network"})," tab."]}),"\n",(0,r.jsxs)(n.li,{children:["Type ",(0,r.jsx)(n.code,{children:"widgets/floating"})," in the filter."]}),"\n",(0,r.jsx)(n.li,{children:"Refresh the page."}),"\n",(0,r.jsxs)(n.li,{children:["If no results for ",(0,r.jsx)(n.code,{children:"widgets/floating"})," is found, then the FAB is likely not implemented on that page."]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.img,{alt:"Widgets Network Tab",src:s().A+"",width:"5120",height:"2832"})}),"\n",(0,r.jsx)(n.admonition,{type:"note",children:(0,r.jsx)(n.p,{children:"Your developers might have configured the FAB to trigger only after your end users accept the cookie banner on your website. Therefore, if you have a cookie banner on your website, make sure to accept the cookies before you follow the above steps. Additionally, coordinate with your development team to clarify the specific conditions required to trigger the FAB."})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Solution:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Ensure that the FAB embed code is added to all pages where you want the FAB to appear."}),"\n",(0,r.jsx)(n.li,{children:"If using a tag management system like Google Tag Manager, verify that the code has been correctly implemented and triggered."}),"\n"]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsxs)(n.h3,{id:"4-incorrect-fab-id-on-the-page",children:["4. ",(0,r.jsx)(n.strong,{children:"Incorrect FAB ID on the Page"})]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Cause:"})," The FAB embed code contains an incorrect or outdated FAB widget ID."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"How to Confirm This is the Problem:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Open the Channel page on your Bam Hub and extract the ID from the embed code."}),"\n",(0,r.jsx)(n.li,{children:"Open Developer Tools."}),"\n",(0,r.jsxs)(n.li,{children:["Navigate to the ",(0,r.jsx)(n.strong,{children:"Network"})," tab."]}),"\n",(0,r.jsx)(n.li,{children:"Enter your FAB ID in the filter."}),"\n",(0,r.jsx)(n.li,{children:"Refresh the page."}),"\n",(0,r.jsx)(n.li,{children:"If no request with your ID is found, then the FAB ID is likely incorrect."}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.img,{alt:"FAB Network Tab",src:t().A+"",width:"2548",height:"1728"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Solution:"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Update the ID in the embed code if necessary."}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(g,{...e})}):g(e)}},28453(e,n,o){o.d(n,{R:()=>r,x:()=>l});var s=o(96540);const t={},i=s.createContext(t);function r(e){const n=s.useContext(i);return s.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.