Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでTwitterページをポップアップで宣伝する方法

WordPressサイトのポップアップを使ってTwitterページを宣伝することで、効果的にフォロワーを増やし、エンゲージメントを高めることができます。既存のサイトトラフィックを活用することで、Twitterコンテンツにより多くの注目を集めることができます。

しかし、ポップアップの設定やカスタマイザーには専門的な知識が必須かもしれません。そこで、簡単にできる方法をお探しの方は、こちらをお読みください。

この投稿では、ライトボックスポップアップを使ってWordPressでTwitterページを宣伝する方法をご紹介します。

How to promote Twitter page with lightbox popup

なぜWordPressでTwitterページを宣伝するのか?

Twitterは最も人気のあるソーシャルメディア・プラットフォームのひとつです。多くの企業が商品やブログ投稿の宣伝、お知らせやニュースの共有に利用しています。また、ユーザーからのフィードバックを得たり、投票を実施したり、Twitterスペースを通じて音声ウェビナーを開催したりするのにも最適です。

Twitterでより多くの人にフォローしてもらうのは難しいことです。幸いなことに、ライトボックスポップアップを使えば、既存のサイトトラフィックを利用してフォロワーを増やすことができます。これは、あなたのTwitterプロフィールの視認性を向上させ、フォロワーを増やすのに役立ちます。

それだけではありません。ライトボックスポップアップは、メールリストの作成、リードの生成、コンテンツのアップグレード状況の提供、お問い合わせフォームの表示などにも使用できます。

このガイドでは、ライトボックスポップアップを使ってTwitterページを宣伝する方法を紹介します。ここでは、これから説明するすべてのステップの概要を簡単に説明します:

準備はいいかい?始めよう

WordPressでライトボックスポップアップを使ってTwitterページを宣伝する

WordPressでライトボックスポップアップを追加する最良の方法は、OptinMonsterを使用することです。市場で最高のWordPressポップアッププラグインであり、リードジェネレータソフトウェアです。

OptinMonsterは、売上を上げ、リードを生成し、メールリストを増やし、より多くのコンバージョンのためにサイトを最適化することを非常に簡単にします。

始めるには、OptinMonsterのサイトにアクセスし、「今すぐOptinMonsterを入手する」ボタンをクリックしてアカウントを作成する必要があります。

Click the Get OptinMonster Now button

このチュートリアルでは、OptinMonster Proライセンスを使用します。OptinMonsterProライセンスには、Exit-Intent機能、より多くのカスタマイズオプション、ビルトインテンプレートが含まれているからです。また、WPBeginnerの読者であれば、OptinMonsterのクーポンコードを使用して、さらに10%割引を受けることができます。

アカウントを作成した後、OptinMonsterプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。

有効化すると、OptinMonsterのセットアップウィザード画面が表示されます。既存のアカウントに接続する」ボタンをクリックして、セットアッププロセスを開始することができます。

Connect your existing account

新しいポップアップウィンドウが表示されますので、そこで使用するOptinMonsterアカウントを確認します。

WordPressに接続する」ボタンをクリックして続行し、プロセスが完了するのを待ちます。

Click the connect to WordPress button

完了したら、WordPressダッシュボードからOptinMonster ” キャンペーンにアクセスしてキャンペーンを作成します。

最初のキャンペーンを作成する」ボタンをクリックしてください。

Create first OptinMonster campaign

その後、OptinMonsterは、ポップアップ、フローティングバー、フルスクリーン、ゲーム化されたスピン・ツー・ウィン・オプティンなど、さまざまなキャンペーンタイプから選択できるようにします。

ライトボックスポップアップを作成したいので、単純に「ポップアップ」キャンペーンタイプを選択します。

Choose campaign type

キャンペーンタイプの下に、ポップアップキャンペーン用のさまざまなテンプレートが表示されます。

テンプレートにマウスオーバーして「テンプレートを使用」ボタンをクリックすると、テンプレートを選択できます。Twitterライトボックスポップアップを追加するために’Social’テンプレートを選択してみましょう。

Select a social template

次に、キャンペーン名を入力するポップアップウィンドウが表示されます。

キャンペーン名を決めたら、「Start Building」ボタンをクリックします。

Click start building

これにより、ポップアップをカスタマイズするためのドラッグアンドドロップ機能を備えたOptinMonsterキャンペーンビルダーが起動します。

そのため、左側のメニューから要素をドラッグ・アンド・ドロップするだけで、テンプレートに追加することができます。

Campaign builder in OptinMonster

テンプレート内の既存のブロックを編集することもできます。

例えば、他のソーシャルメディアボタンを削除し、Twitterボタンだけを残すことができます。こうすることで、ユーザーは簡単に行動喚起ボタンを使い、あなたのTwitterページをフォローすることができます。

さらに、見出しや本文のテキストを編集するオプションもある。例えば、ボタンに「Twitter」ではなく「Follow me」と表示させたい場合、「Button Text」フィールドを左に変更することができる。

Twitterボタンをクリックして、左側のメニューにあるオプションを表示させましょう。新規ウィンドウのURL」フィールドにTwitterページのリンクを入力します。

Add your twitter link in the button settings

次に、メニューから「HTML」ブロックをドラッグしてテンプレートにドロップするだけです。

これでHTMLコード用のブロックが準備できたので、次のステップに進む準備ができた。

Add a HTML block to template

Twitterページ埋め込みコードの作成

このステップでは、Twitter公開ツールでTwitterページの埋め込みコードを作成する必要があります。

HTMLコードを入力するためにOptinMonsterキャンペーンビルダーに戻る必要があるため、新しいタブまたはウィンドウでツールを開くことをお勧めします。

公開するツールを開いたら、「埋め込みたいもの」フィールドにTwitterページのURLを追加し、キーボードのエンターキーを押します。

あなたのTwitterのURLはhttps://twitter.com/YourUserNameHere。YourUserNameHere」をあなたのTwitterハンドルネームに置き換えるだけです。

Twitter publish tool

その後、下にスクロールして、Twitterのタイムラインを埋め込むか、ボタンを埋め込むかを選択できます。

このチュートリアルでは、Twitterページのツイートをポップアップライトボックスに表示するために、’埋め込みタイムライン’オプションを選択します。

Choose timeline or buttons to embed

次に、ページをスクロールしてカスタマイズ設定を開きます。

埋め込みコードの上にある「カスタマイザー設定」リンクをクリックするだけです。

Click set customization options

ここでTwitterタイムラインの高さと幅を編集できます。これにより、ライトボックスポップアップのタイムラインの外観をコントロールすることができます。

また、タイムラインのテーマを明るいか暗いか、ツイートを表示する言語を選ぶこともできる。

Customize the twitter timeline

これらの設定が完了したら、「更新」ボタンをクリックしてください。

その後、公開ツールが埋め込みコードを生成します。コードをコピー」ボタンをクリックしてください。

Copy the embed code

ポップアップウィンドウが表示され、埋め込みコードのコピーに成功したことがわかります。

右上の十字アイコンをクリックしてポップアップウィンドウを閉じます。

Successfully copied the code

サイトにTwitterページライトボックスポップアップを追加する

これで、ブラウザー上のOptinMonsterキャンペーンビルダーのウィンドウまたはタブに戻ることができます。

次に、デザインしているポップアップのHTMLブロックをクリックします。左側に、Twitter公開ツールの埋め込みコードを貼り付けるフィールドが表示されます。

埋め込みコードを入力すると、キャンペーンテンプレートにTwitterタイムラインのプレビューが表示されます。

Enter the embed code in the html block

その後、「表示ルール」タブに向かいます。ここで、あなたのサイトにライトボックスポップアップが表示される条件を設定できます。

例えば、ユーザーが特定の期間ページを表示したとき、特定のページを訪れたとき、またはサイトを去ろうとしているときに外観が表示されます。

Select display rules

このチュートリアルでは、表示ルールとして「ページ上の時間」を選択し、ポップアップが表示されるまでの秒数を設定します。

次に、’current URL path’を’is any page’に設定することで、ポップアップをサイト上のすべてのページに表示させることができます。

Configure display rules

その後、下部の「アクション」タブに切り替えることができる。

ここで、「キャンペーン表示を表示する」オプションで「Optin」が選択されていることを確認してください。ポップアップにエフェクトやサウンドを追加するオプション設定もあります。

Set up display rules actions

公開したら、「公開」タブでキャンペーンを有効化します。

公開する状態」を「下書き」から「公開する」に変更するだけです。

Publish your campaign

上部の「保存」ボタンをクリックして設定を保存し、キャンペーンビルダーを閉じることができます。

キャンペーンが公開されているかどうかを確認するには、WordPress管理画面のOptinMonster ” キャンペーンにアクセスしてください。状態」カラムの下に「公開する」という緑色のテキストが表示されているはずです。

そうでない場合は、キャンペーン名の下にある「状態の変更」オプションをクリックし、ドロップダウンメニューから「公開する」を選択してください。

Change the campaign status to published

これでOptinMonsterキャンペーンは有効化したはずです。

ライトボックスポップアップであなたのTwitterページを表示するには、あなたのサイトにアクセスするだけです。OptinMonsterキャンペーンがトリガーされると、あなたのTwitterプロフィールが、その下に追加したCTAボタンと共にライトボックスポップアップに表示されます。

Twitter page popup preview

この投稿が、ライトボックスポップアップを使ってWordPressでTwitterページを宣伝する方法を学ぶのにお役に立てば幸いです。WordPress で最近のツイートを表示する方法と 中小企業に最適なライブチャットソフトウェアについてのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

9件のコメント返信を残す

  1. Jiří Vaněk

    Great tutorial. I needed to promote my page on Patreon so I followed this tutorial to use optin monster and it’s great. The best part is that I can see the exact number of people who saw the window and how many people also clicked on the link. That’s a very important metric to me.

  2. Sourav Adhikari

    Not working..

  3. Kimb

    I’m looking for a tool that pops up a “tweet this” dialog box
    option

  4. wpbeginner

    @BenBonilla Don’t think they are tracking whether you liked the page or not. I think they are leaving a cookie for who has seen it and closed the popup.

  5. ChrisCarlo

    don’t work…

  6. ALSpaulding

    Quick question. Once they have followed you on twitter will the plugin continue to pop up on them in the future? It does not mention that. Appreciate a response please. Thanks. =)

  7. startmywp

    Hi,

    This just works better for Twitter (and another one for facebook) but are there any notable updated plugins or code hacks if we need to display simple html in a lightbox? Say, perhaps just a ‘thank you’ note?

    • AhsanNaveed

      @startmywp For this, you’ll need to edit the plugin.

  8. easyP

    That looks good.

    I know that you won’t believe it, but I’ve just signed up with twitter – this plugin could be the way to go.

    Many thanks.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。