Trip Bacon — The secret ingredient to the perfect getaway logo
Trip Bacon

クリエイター向け無料ウィジェット

無料の埋め込みウィジェットで、あなたのクルーズコンテンツに即座の信頼性を加えましょう。YouTubeの何千人ものクルーズクリエイターからのリアルなセンチメントデータで駆動されています。

第三者の信頼性

あなたの意見がクルーズクリエイターコミュニティ全体のデータに裏付けられていることを読者に示しましょう — 一つの声だけではありません。

目を引くデザイン

当社のウィジェットはどんなサイトでも美しく見えるようデザインされています。正方形または長方形のレイアウト、ライトまたはダークテーマから選べます。

常に最新

新しいレビューが届くとスコアが自動更新されます。メンテナンス不要 — 一度埋め込めばあとはおまかせ。

100%無料

登録不要、APIキー不要、隠れた費用なし。コードをコピーしてサイトに貼り付けるだけで完了。

全ての船舶・クルーズラインに対応

Trip Baconの全ての船舶とクルーズラインに埋め込み可能なウィジェットが用意されています。カタログ全体からお選びください。

ウィジェットコードを生成

船舶またはクルーズラインを選択し、スタイルを選んで、埋め込みコードをコピーしましょう。

How to use this widget

The Bacon Score widget shows a cruise line or ship's rating based on analysis of hundreds of independent YouTube cruise content creators. Embed it on your site to give visitors an at-a-glance quality score.

  1. Select a cruise line from the dropdown below.
  2. Select a ship — only ships from that cruise line are shown.
  3. Choose your preferred size (Square or Rectangle) and theme (Light or Dark).
  4. Copy the embed code from either the Cruise Line or Ship column.
  5. Paste the <iframe> code into your website's HTML where you want the widget to appear.

The widget automatically updates with the latest Bacon Score — no manual updates needed.

Cruise Line
Ship
Size
Theme

Cruise Line Embed

<div data-tripbacon="cruise-line" data-slug="aida-cruises" data-name="AIDA Cruises"></div>
<script src="https://www.tripbacon.com/embed/v1/embed-bacon-score.js" async></script>

Ship Embed

<div data-tripbacon="ship" data-slug="aidacosma" data-name="AIDAcosma"></div>
<script src="https://www.tripbacon.com/embed/v1/embed-bacon-score.js" async></script>

Preview

サイトへの追加方法

  1. WordPressエディターで、ウィジェットを表示したい場所にカスタムHTMLブロックを追加します。
  2. 埋め込みコードをブロックに貼り付けます。
  3. 投稿を公開または更新します。ウィジェットは自動的に読み込まれます。

複数のウィジェットを一つのページに表示したい場合は、script tagを一度だけ追加してください。その後、必要な数だけウィジェットdivを追加すれば、スクリプトが自動的にすべて検出します。