AI_Video_LP/layouts/shortcodes/youtube-marketing.html

<div id="block-carbon">
  <section class="row sec sec01 sec-5g">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>Youtube 經營：如何開始</h2>
                    <ul class="item rankblock advantages-list">
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 後台設定</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 吸睛的封面</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 清楚的品牌定位</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 加入關鍵字</li>
                    </ul>
                  </div>
              </div>
              <div class="col-md-6" style="position: relative;">
                  <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//GJxGLAt7apA?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec02 sec-5g">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//9mjsE19PCx8?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>Youtube 經營：題材選擇</h2>
                    <ul class="item rankblock advantages-list">
                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 取材容易：生活＆娛樂＆美妝</li>
                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 專業度高： 醫學、水電</li>
                    </ul>
                  </div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec01 sec-5g">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>Youtube 經營：增加與觀眾互動機會</h2>
                    <ul class="item rankblock advantages-list">
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 直播</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 使用社群貼文功能</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 回覆留言</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 動態短影片</li>
                    </ul>
                  </div>
              </div>
              <div class="col-md-6" style="position: relative;">
                  <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//9iHJUwLiXWE?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
          </div>
      </div>
    </section>
    <!-- <section class="row sec sec03">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>影片行銷：SEO</h2>
                    <p>首先的必備條件是撰寫精彩的影片簡介，接下來則是建立反向連結，在社群媒體進行宣傳，讓網友可從不同管道得知訊息。最後則是做好關鍵字研究，
                      關鍵字不但要出現在影片標題中，最好也能反覆出現在影片簡介之中。
                     </p>
                  </div>
              </div>
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//smM29tzJY2I?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
          </div>
      </div>
    </section> -->
    <section class="row sec sec04">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//kcbQQLLKM9M?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
              <div class="col-md-6">
                  <div class="txt-block">
                      <h2>Youtube 經營：SEO不可或缺</h2>
                      <div style="display: flex;justify-content: center;">
                        <ul class="item rankblock advantages-list" style="text-align: left; padding-right: .5rem;">
                          <li style="font-size: 1.8rem;"><span>1.</span> 合適的關鍵字</li>
                          <li style="font-size: 1.8rem;"><span>2.</span> 高畫質影片</li>
                          <li style="font-size: 1.8rem;"><span>3.</span> 加入影片時間軸</li>
                        </ul>
                        <ul class="item rankblock advantages-list" style="text-align: left; padding-left: .5rem;">
                          <li style="font-size: 1.8rem;"><span>4.</span> 影片縮圖</li>
                          <li style="font-size: 1.8rem;"><span>5.</span> 添加字幕</li>
                          <li style="font-size: 1.8rem;"><span>6.</span> 建立播放清單</li>
                        </ul>
                      </div>
                      
                  </div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec05">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="txt-block">
                    <h2>Youtube 收益解密</h2>
                    <p>
                      只要訂閱人數至少須有 1,000 人＋有效的公開影片觀看時數須達 4,000 小時，即可開通廣告獲利功能。
                      基本上，廣告播放次數越高，即有越多的獲利，然而，每個廣告類型的費用又略為不同，
                      又會依據觀看人的所在地不同而有不同的收益標準。
                    </p>
                </div>
            </div>
            <div class="col-md-6">
              <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//yACT9e3l4V0?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
          </div>
        </div>
    </div>
  </section>
</div>