index.html


<html>
    <head>    

        <script type="text/javascript" src="https://public.tableau.com/javascripts/api/tableau_v8.debug.js"></script>               
    </head>
    <body>
<script>
                    var vizDiv=document.getElementById('viz');
                    var vizURL= "https://public.tableau.com/views/SanDiegoMapping/CHDRateinSDCounty?:embed=y&:display_count=yes";
                    var options= {
                        width: '100%',
                        height: '768px',
                        hideToolbar: true,
                        hideTabs: false, 
                        onFirstInteractive: function(){
                            document.getElementById('sheetName') .innerHTML=viz.getWorkbook().getActiveSheet().getName();
                        }
                    };
                    viz= new tableauSoftware.Viz(vizDiv, vizURL, options);
                                       
                    viz.addEventListener('tabswitch',function(event){
                        document.getElementById('sheetName') .innerHTML=event.getNewSheetName();
                    });
                           
                    function switchView(sheetName){
                        workbook=viz.getWorkbook();
                        workbook.activateSheetAsync(sheetName);
                    }                          
                </script>
    </body>
</html>