将GeoGebra活动集成到您的网站很容易！本教程将指导您完成入门所需的一切。

[size=200][color=#018575]嵌入GeoGebra活动[/color][/size][br][br]建议将GeoGebra活动嵌入网站的方法是将其直接嵌入为div元素。使用div嵌入可以更改活动的设置，如大小、显示或隐藏菜单、禁用CAS等等。此处所述的基本嵌入包含在我们的基本服务协议中。[br]创建嵌入GeoGebra活动的html文件的最简单方法是直接从应用程序下载html文件，如下所述。您还可以按照下面的步骤手动嵌入活动。

如果您已经有一个要嵌入的活动，可以跳过此步骤。[br]每个GeoGebra应用程序都可以用于创建新活动。在此处查找所有应用程序的概述：https://www.geogebra.org/download[br]如果您是创建GeoGebra活动的新手，请查看学习GeoGebraGraphing Calculator. 也许你也对其他GeoGebra教程感兴趣。

[list][*]打开菜单，选择文件，然后保存[/*][*]应用程序将要求你登录（如果你还没有，可以创建一个新帐户）[/*][*]输入标题并选择“保存”[/*][/list]

您可以直接从应用程序创建嵌入活动的网页。打开菜单，选择下载为，然后选择活动为网页（html）。下载的html文件包含启动所需的所有内容。您的活动将作为参数“ggbBase64”中的base64字符串保存在html文件中。

如果您希望独立于html文件保存活动，有两个选项：[br] 将活动作为.ggb文件从服务器加载：[br][list][*]将活动保存为服务器上的.ggb文件[/*][*]替换“ggbBase64”：“UEsD…”[/*][/list]   使用“filename”：“myfile.ggb”[br]   （将文件名改为“myfile”）[br] 从www.geogebra.org加载活动：[br][list][*]在线保存活动[/*][*]将“ggbBase64”：“UEsD…”替换为“material_id”：“suvzfavn”[/*][/list]  （请输入您的活动ID，而不是“suvzfavn”）[br][br]

在线保存的每个活动都有一个唯一的ID，通常用于引用或共享该活动。例如www.geogebra.org/m/a4ve9cxg在GeoGebra网站上将ID为a4ve9cxg的活动加载为GeoGebra活动。如果您还不知道活动的ID，请打开“菜单”，选择“文件”，然后选择“共享”。您可以从显示的对话框中获取活动的ID。

要将GeoGebra活动嵌入您的网站，您需要添加4个部分：[br][br]1.将以下内容添加到 部分，以确保缩放和Unicode正确工作：[br][br]2.包括JavaScript库deployggb.js：[br][br]3.创建一个要加载活动的div元素[br][br]4.配置并插入活动：[br][br] var params = {[br] "appName": "graphing", [br] "width": 800, [br] "height": 600, [br] "showToolBar": false, [br] "showAlgebraInput": false, [br] "showMenuBar": false,[br] "material_id":"RHYH3UQ8"[br] };[br] var ggbApplet = new GGBApplet(params, true);[br] window.addEventListener("load", function() { [br] ggbApplet.inject('ggb-element');[br] });[br][br]默认情况下，活动将与用于创建和保存文件的应用程序一起加载。如果要使用其他应用程序加载活动，可以更改参数列表中的设置。只需将“appName”参数更改为“graphing”、“geometry”、“3D”或“classic”即可。[br]注意：如果您如上所述直接从应用程序下载html文件，html文件将包含这4个部分。

You can customize your activity further by using various [url=https://wiki.geogebra.org/en/Reference:GeoGebra_App_Parameters]GeoGebra App Parameters[/url]. Enabling some parameters is considered as Basic service while using others falls under Plus service. For example, setting showToolBar to false is considered as Basic, while setting showToolbar to true is considered Plus because it enables a GeoGebra user interface element. [br][br]您可以使用各种GeoGebra应用程序参数进一步自定义您的活动。启用某些参数被视为基本服务，而使用其他参数则属于Plus服务。例如，将显示工具栏设置为false被视为基本，而将显示工具栏设置为true被视为Plus，因为它启用了GeoGebra用户界面元素。[br]请看下面的例子以获得一个想法：[br][left][/left][left][b][/b][/left][b]Parameter     [/b][b]Basic  [/b] [b]Plus[/b][br]enableShiftDragZoom true/false true/false[br]showZoomButtons  true/false true/false[br]showResetIcon     true/false  true/false[br]showMenuBar     false   true/false[br]showToolBar     false   true/false[br]showAlgebraInput   false    true/false[br]enableFileFeatures false  true/false[br][br]查看GeoGebra应用程序参数以获得完整列表。[br]

我们建议您自行托管GeoGebra Math Apps Bundle，以便您可以管理软件更新的时间，但也欢迎您使用由Amazon Web Services（AWS）支持的全球CDN。有关详细信息，请参阅GeoGebra应用程序嵌入参考。

[size=200][color=#018575]Iframe嵌入[/color][/size][br][br]将活动嵌入网站的一个简单方法是使用iframe嵌入。由于iframe嵌入不是很灵活，在iOS上也不完全支持，因此我们建议您仅在没有其他选项可用的情况下使用它。这种情况可能会发生，例如，如果您希望将活动包含到只接受iframe嵌入的内容管理系统中（例如Moodle）。要使用iframe嵌入，请执行以下步骤。

[list][*]访问www.geogebra.org 并登录[/*][*]从左侧菜单中选择Profile[br][/*][*]查找您的活动[br][/*][/list]

打开 [img width=20,height=20]https://lh5.googleusercontent.com/m4JJV-BBHdJBfdjRUsylYIuAaCroguwoVEWij8b4Y7X7OjDbyt-wRNegS8oERyKiujYH5_DaJikRPCfwmR-9Xkls8F0FsM8ibx6wiUkL0Bd4HnBOjYLWKi0JIDWLj7WblgWGdnuM[/img] 右侧的“更多”菜单，然后选择“详细信息”

[list][*]选择右侧的“共享”打开“共享”对话框[/*][/list]

[list][*]选择 [img]https://wiki.geogebra.org/uploads/thumb/4/44/Menu-embed.svg/16px-Menu-embed.svg.png[/img][i]嵌入[/i][/*][*]复制嵌入代码（手动或使用 [img]https://wiki.geogebra.org/uploads/thumb/7/76/Menu-edit-copy.svg/20px-Menu-edit-copy.svg.png[/img][i][/i]代码旁边的复制按钮）[/*][*]将嵌入代码粘贴到网站上所需的位置[/*][/list]

选择“共享”对话框底部的“显示更多”，以获取其他选项[br][list][*]定义活动的大小[/*][*]启用和禁用缩放和重置按钮（基本）等选项[/*][*]显示或隐藏输入栏或工具栏（加号）等元素[/*][/list]更改这些设置后，请确保将更新的嵌入代码复制并粘贴到您的网站中。[br][br]如果您希望全屏按钮工作，请在iframe标签的末尾添加“fullscreen”。有关更多信息，请参阅Iframe嵌入参考.[br][br]注意：启用以下设置被视为Plus服务的一部分：[br][br][list][*]输入栏[/*][*]样式栏[/*][*]菜单[/*][*]工具栏（包括工具栏帮助）[/*][*]启用右键单击和键盘编辑[/*][/list]

你很好奇GeoGebra还能做什么？[br][br]通过Plus集成，您可以额外嵌入[br][br][list][*]使用API的GeoGebra活动（需要Plus服务）包含动态工作表并在网站上与之交互[/*][*]GeoGebra计算器应用程序（需要Plus服务）包括GeoGebra图形计算器、几何图形、3D计算器或经典版直接进入您的网站[/*][/list]继续阅读下一页的Plus Integration！[br]您想从Basic升级到Plus吗？[br]联系我们：office@geogebra.org[br]我们很乐意提供帮助！