このビデオは、インターネットの生活に突然現れました。 しかし、それはすでに私たちの生活の不可欠な部分となっています。 ビデオは、商品やサービスを促進するビジネスツールになりました。 Youtubeでは、製品マニュアル、プロモーションビデオ、ウェビナーエントリなどを見つけることができます。 電子メールニュースレターにビデオを投稿することは、非常に賢明なマーケティング活動です。 統計によると、これによりニュースレターのクリックの割合が17％増加します（ビデオのない同様のクリックと比較して）。
しかし、htmlメーリングリストレイアウトでこれを行う方法は？
YoutubeからWebページにビデオを埋め込むのは簡単です。iframeからhtmlコードをコピーしてコンピューターに配置するだけです。 しかし、電子メールニュースレターでは、このようなフェイントは機能しません。 また、メールニュースレターにはHTMLレイアウトも含まれていますが、セキュリティ上の理由からiframeを挿入することはできません。 Mail.Ruに電子メッセージを送信するための技術的および管理上の要件を公開しています 。 Runetマーケットの主要なものとして使用します（トラフィックのMailのシェアは70％以上です）。
...投稿でHTMLを使用する場合は、HTMLドキュメントの有効な構造が尊重されていることを確認してください。 外部CSSサイト、Meta Refreshなどから接続されたActiveX、JavaScript、VBScript、Javaアプレット、フレーム、IFrameなど、潜在的に危険なオブジェクトの使用は禁止されています。 （このような要素を使用すると、メールがブロックされる可能性があります）;
さらに、このようなiframeは、電子メールクライアント、プログラム、またはWebサービスによって単に誤って表示されることがよくあります。 それでも、電子メールにビデオを埋め込む方法は？ 電子メールマーケティングサービスPechkin-mail.ruは、いつものように、すべての基本的な作業を行います。
唯一の効果的な方法は、動画へのアクティブなリンクを含む画像を、動画のスクリーンショットの形で、その上に再生ボタンを配置することです。 たとえば、次のようになります。
実際、シンプルで効果的です。 唯一のマイナスは、そのようなスクリーンショットを手動で撮ることです。退屈で時間がかかります。 Pechkinは、2回のクリックでビデオを追加する機能を提案しました。「Video」ブロックをクリックし、リンクを挿入して「Insert」をクリックするだけです。 その後、作成したレイアウトに、[再生]ボタンとYoutubeのビデオへのリンクを含むビデオのスクリーンショットが表示されます。
これはどのように実装されていますか？
Pechkinは、開発者が同じ質問に直面した場合、常に開発者を支援しようとするため、ここでアルゴリズムについて説明します。
- youtubeからリンクを解析し、その有効性を確認して、ビデオIDを取得します。
- YouTubeから中品質のスクリーンショットを撮ります。 これは、リンクimg.youtube.com/vi/%YOUTUBE_ID%/hqdefault.jpgによって簡単に実行できます。
- 「リンゴのような」再生ボタンの画像をPHP関数でオーバーレイします。
- Selectelクラウドストレージにアップロードし、画像へのリンクを取得して、ニュースレターに挿入します。
- ユーザーを喜ばせます。
使用するPHPの関数の例を次に示します。
/** * youtube play * * @param $youtube_id Id of youtube-video url, youtube, rutube vimeo * * @return * Url (480360px) selectel , - * OR FALSE if error */ function youtube_thumbnail_with_play($youtube_id,$url = '') { // youtube? if ($youtube_id === '0'){ if(stripos($url,'rutube.ru') !== FALSE){ preg_match("/http:\/\/rutube.ru\/video\/(\w+)\//",$url,$matches); $xml_info = simplexml_load_file("http://rutube.ru/cgi-bin/xmlapi.cgi?rt_mode=movie&rt_movie_id=".$matches[1]."&utf=1"); if ($xml_info) { $thumbnail_url = (string) $xml_info->thumbnail_url; } }elseif(stripos($url,'vimeo.com') !== FALSE){ if ((stripos($url,'https') !== FALSE)) {$vimeo_id = substr($url,18);} else {$vimeo_id = substr($url,17);} $xml_info = simplexml_load_file("http://vimeo.com/api/v2/video/$vimeo_id.xml"); if ($xml_info) { $thumbnail_url = (string) $xml_info->video->thumbnail_large; } }else{ return FALSE; } }else{ $thumbnail_url = 'http://img.youtube.com/vi/'.$youtube_id.'/hqdefault.jpg'; } // Make sure the imagecopymerge() function exists (in GD image library). if (!function_exists('imagecopymerge')) { return FALSE; } $image = imagecreatefromjpeg($thumbnail_url); if (!$image) {return FALSE;} $image_size = getimagesize($thumbnail_url); // Calculate the proper coordinates for placing the play button in the middle. $destination_x = ($image_size[0] / 2) - 35; $destination_y = ($image_size[1] / 2) - 35; // Load the play button image. $play_button_image = imagecreatefrompng($root.'/images/play_button.png'); imagealphablending($play_button_image, TRUE); // Preserve transparency. imagealphablending($image, TRUE); // Preserve transparency. // Use imagecopy() to place the play button over the image. imagecopy( $image, // Destination image. $play_button_image, // Source image. $destination_x, // Destination x coordinate. $destination_y, // Destination y coordinate. 0, // Source x coordinate. 0, // Source y coordinate. 70, // Source width. 70 // Source height. ); if (is_dir($root.'/html/other/')===false){ mkdir($root.'/html/other/'); } $rand_path = $root.'/html/other/'.md5(time().rand(0,100000)).'.png'; imagepng($image,$rand_path); $selectel_str = $wizard->cloud_upload($rand_path); // selectel if (strpos($selectel_str, 'http://static1.pechkin-mail.ru/') !== false) {unlink($rand_path);} imagedestroy($image); imagedestroy($play_button_image); return $selectel_str; }
ここに、非常に小さいが非常に便利な機能が判明しました。 Pechkinユーザーは、Youtube、Vimeo、Rutubeから動画をメールニュースレターに簡単にアップロードして、販売の効率を高め、サービスを利用することで喜びと喜びを得ることができます。