Как менять вкладки при разных utm_term?

Question

[tea_pot]

Есть три вкладки. По умолчанию активна первая. Как можно сделать, чтобы при определенной utm метке, были открыты разные вкладки? Например, если utm_term=tab3, чтобы активной была вкладка tab3.

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#tab1">Вкладка 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#tab2">Вкладка 2</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#tab3">Вкладка 3</a>
    </li>
</ul>


<div class="tab-content">
    <div class="tab-pane show active" id="tab1">
        Контент вкладки 1
    </div>

    <div class="tab-pane" id="tab2">
        Контент вкладки 2      
    </div>

    <div class="tab-pane" id="tab3">      
        Контент вкладки 3      
    </div>            
</div>